Progress

Core component

Also known as

Progress bar, Progress indicator

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.

Improve accessibility by customizing the aria-label prop to provide additional context about what is loading. For example: