Skip to main content

Progress

Please refer to MUI's official docs for more details on component's usage guide and API documentation.

Circular

Indeterminate

Use CircularProgress component for simple circular progress.



Colors

Use color prop for different colored circular progress.



With label

Use variant='determinate' and value props with the help of a state for circular progress with label.

10%


Customization

Use styled hook to customize your circular progress.



Controlled and Uncontrolled

Manage value prop with the help of a state for controlled circular progress.

Uncontrolled Progress

Controlled Progress



Linear

Indeterminate

Use LinearProgress component for simple linear progress.



Buffer

Use variant='buffer' and valueBuffer props with the help of a state for linear progress with buffer.



Colors

Use color prop for different colored linear progress.



Controlled and Uncontrolled

Manage value prop with the help of a state for controlled linear progress.

Uncontrolled Progress

Controlled Progress



With Label

Use variant='determinate' and value props with the help of a state for linear progress with label.

10%



Customization

Use styled hook to customize your Linear progress.