Progress Bar indicators inform users about the status of ongoing processes, such as loading an app or submitting a form.

Progress Bar

Determinate

Indeterminate

Circle Bar

Component props

Component
Name
Type
Description
ProgressvalueNumberSpecify progress value
ProgresscolorStringSpecify progress color
ProgressdeterminateBooleanSpecify linear progress indicator
ProgressindeterminateBooleanSpecify linear progress indicator
CirclesizeBooleanSpecify circle size
CirclevalueBooleanSpecify progress value
CirclewidthBooleanSpecify circle line width
CirclecolorStringSpecify progress color (use: stroke-...)