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.

CircularProgress

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 %