CircularProgress

express an unspecified wait time or display the length of a process.

<CircularProgress />

Props

PropTypeDefaultDescription
classesobjectOverride or extend the styles applied to the component.
disableShrinkboolfalseIf true, the shrink animation is disabled. This only works if variant is indeterminate.
sizenumber | stringThe size of the circle. If using a number, the pixel unit is assumed. If using a string, you need to provide the CSS unit
thicknessnumber3.6The thickness of the circle.
valuenumberThe value of the progress indicator for the determinate and static variants. Value between 0 and 100.
variant 'determinate' | 'indeterminate' | 'static' indeterminateThe variant to use. Use indeterminate when there is no progress value.

The ref is forwarded to the root element.

Circular Indeterminate

<CircularProgress />