Progress
ARIA
RTL
A progress indicator (Circular and Linear) is a visual representation of a user’s progress through a set of steps, guiding toward the completion of a specified process.
Default
Different sizes
Different values
Customisation
Progress with Pin
75%
Progress with Labels
0%100%
Progress Title
Progress props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| className | string | No | - | Tailwind classes for custom styles. |
| size | 6xs | 5xs | 4xs | 3xs | 2xs | No | 2xs | Size of Progress |
| value | number | No | 0 | Value of Progress in % |
Progress.Pin props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| className | string | No | - | Tailwind classes for custom styles. |