CircularProgress
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
CircularProgress props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| bg_color | string | No | stroke-trunks/[.24] | Background colour |
| progress_color | string | No | stroke-piccolo | Progress bar colour |
| size | 2xs | xs | sm | md | lg | No | md | Size of Progress |
| value | number | No | 0 | Value of Progress in % |