platform-guideline checked
Material Design Progress indicators
Documents circular and linear progress indicators, determinate and indeterminate modes, using indeterminate indicators when progress is not detectable, switching to determinate when more information becomes available, and using one consistent indicator type for the same activity.
Pattern Decisions This Source Supports
| Pattern | Supported decision | Required contract | Claim note |
|---|---|---|---|
| Loading spinner | Choose loading spinner when the wait is indeterminate, short, and tied to a named action or region. | The spinner appears only after the operation starts and disappears or changes state when the operation resolves, fails, is cancelled, or moves to background. | Material supports indeterminate circular indicators when progress is not detectable and determinate progress when completion can be measured. |
| Progress bar | Choose progress bar when the system can report a meaningful value toward a bounded operation. | The progress bar appears only after the operation starts and is scoped to the affected file, job, card, dialog, or page region. | Material supports linear progress indicators, determinate mode when completion is detectable, and indeterminate-to-determinate transitions. |
Evidence Role
This source is treated as platform-guideline evidence. Use it to validate the decision rules above, not as a visual style reference.
Publisher: Google Material Design. Last checked: .