Components / Collections
Progress
How far a known task has gone.
@fabrials/ui
Installation
Import the control from
@fabrials/ui, after setting the app up.TypeScript import { Progress } from "@fabrials/ui";
API reference
| Prop / export | Type | Description |
|---|---|---|
value | number | Current amount. |
max | number | Completed amount. Defaults to 1 or 100 depending on the host. |
Behavior
If the duration is unknown, use Spinner instead of a bar stuck at an invented percent.
Accessibility
Keyboard and contrast
Keep visible labels, keyboard focus and status announcements when customizing. These components inherit your theme; maintain sufficient contrast in both color modes. The preview is keyboard operable.