Circular Progress

Install the component dependency:

Include a React component in your project:

Name
Value
Description
Default
size
small | medium
standard size for widget (from CircularProgress.sizes)
medium
value
number
current progress out of 100

Circular progress comes in two standard sizes.

Mode is determined by the presence of the value prop. When a value is given the mode is "determinate", and visual progress is set to that static value. When a value is absent the mode is "indeterminate" and becomes an infinite spinner.

In determinate mode the initial render is not animated, but the progress will tween as new value props are updated.

Value: 0