Progress
In 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
Custom colours
Progress props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| bgColor | string | No | bg-trunks/[.24] | Background colour |
| progressColor | string | No | bg-piccolo | Progress bar colour |
| size | 6xs | 5xs | 4xs | 3xs | 2xs | No | 2xs | Size of Progress |
| value | number | No | 0 | Value of Progress in % |