Progress

Core component

A progress indicator gives the user an understanding of how long a system operation will take. Use it when the operation will take more than a second to complete. Two components are available to accommodate different layout constraints: CircularProgress and LinearProgress.

Density
Mode
Select an example
Circular progress
Linear progress
Hide label
With maximum value
With minimum value
With progressing value
With buffer
With progressing buffer value

Use linear or circular depending on the context, layout and functionality of an application. Use the same indicator for the same type of process to ensure consistency.