Progress
How far along: a search, a profile, a packing list (Radix Progress).
Preview
Moving
Finding beds… 40%
Still
Profile80%
Packing list50%
Trip to Leh20%
Usage
tsx
import { Progress } from "zostel-ui";
<Progress value={80} aria-label="Profile" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
value | number | — | 0–100. |
max | number | 100 | The top of the scale. |
className | string | — | More classes, merged with the component’s own (tailwind-merge). |
valueType:
numberDefault: —
0–100.
maxType:
numberDefault:
100The top of the scale.
classNameType:
stringDefault: —
More classes, merged with the component’s own (tailwind-merge).