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.

Progress

Default

Different sizes

Different values

Custom colours

Progress props

NameTypeRequiredDefaultDescription
bgColorstringNobg-trunks/[.24]Background colour
progressColorstringNobg-piccoloProgress bar colour
size6xs | 5xs | 4xs | 3xs | 2xsNo2xsSize of Progress
valuenumberNo0Value of Progress in %