Circular Progress

Install the component dependency:

Include a React component in your project:

NameValueDescriptionDefault
sizesmall | mediumstandard size for widget (from CircularProgress.sizes)medium
valuenumbercurrent 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

To specify the light theme, wrap your components in a Theme component.