Circular

A progress indicator is a visual representation of a user’s progress through a set of steps, guiding toward the completion of a specified process.

Use this when the process has a known duration.

Circular progress indicators display progress by animating an indicator along an invisible circular track in a clockwise direction.

Examples

Rtl

Props

NameTypeRequiredDefaultDescription
valuenumberYes-Progress value
fontSizestringNo-Circular progress size
strokeWidthnumberNo12Circular progress stroke width