Linear ProgressJump to Props
Express a wait time or display the length of a process.
Similar to CircularProgress, this component should be shown when the user needs to know how far along a process is or if they need to wait to be updated on the progress.
Example use cases include steps in a wizard, upload progress or questions in a survey.
Pass a number to the amount prop.
Pass this component as children and format your value however you like.
If you are waiting for the progress amount to be sent back from (for example) a server, you can set isIndeterminate on the component.
You can customise the roundness of the LinearProgress component as well as the color of the progress bar, the track behind it and the color of the label inside:
Steps 2 of 3 completed
Set to `true` when the value is unknown.
Value between 0 and 100 to indicate the completion percentage.
Triggered when user clicks the element.
Color of the filled bar.
Color of the track bar behind the filled bar.
|minHeight||string | number|
Minimum height of the element. Useful for when the component has no children.
|variant||standard | rounded||standard|
Choice of two visual styles.