Progress
A horizontal bar indicating progress toward completion. Built on Radix UI Progress.
Values
0%
33%
66%
100%
Usage
Use progress bars to show determinate progress for tasks like file uploads, installations, or multi-step processes.
For indeterminate loading, consider a Skeleton or spinner instead.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| value | number | 0 | Progress value from 0 to 100 |
| className | string | — | Additional CSS classes |