Progress
Display progress with a horizontal bar indicator.
Examples
Basic
Preview
With label
Preview
40% de progresso
82% de progresso
Custom colors
Preview
60% de progresso
90% de progresso
100% de progresso
API
| Prop | Type | Default | Description |
|---|---|---|---|
value | number | 0 | Progress percentage from 0 to 100. |
label | string | — | Optional label shown above the bar with the percentage. |
indicatorClassName | string | — | Extra classes for the progress indicator. |
className | string | — | Extra classes for the track element. |
...props | Progress.Root props | — | Additional Radix Progress props passed to the root. |
Last updated on