Progress
Please refer to MUI's official docs for more details on component's usage guide and API documentation.
Circular
Use CircularProgress
component for simple circular progress.
Use color
prop for different colored circular progress.
Use variant='determinate'
and value
props with the help of a state for circular progress with label.
Use styled
hook to customize your circular progress.
Manage value
prop with the help of a state for controlled circular progress.
Uncontrolled Progress
Controlled Progress
Linear
Use LinearProgress
component for simple linear progress.
Use variant='buffer'
and valueBuffer
props with the help of a state for linear progress with buffer.
Use color
prop for different colored linear progress.
Manage value
prop with the help of a state for controlled linear progress.
Uncontrolled Progress
Controlled Progress
Use variant='determinate'
and value
props with the help of a state for linear progress with label.
10%
Use styled
hook to customize your Linear progress.