Loading indicator
Loading indicators show the progress of a process for a short wait time
Overview · Specs · Guidelines · Accessibility
- Recommended as a replacement for indeterminate circular progress indicators
- Always reflect an ongoing process and are never simply decorative
- Used for pull-to-refresh interactions
- Not used for processes that transition from indeterminate to determinate
- Capture attention through motion
- Loading indicator
- Contained loading indicator
Availability & resources
| Type | Resource | Status |
|---|---|---|
| Design | Design Kit (Figma) | Available |
| Implementation | Jetpack Compose: Expressive | Available |
| Implementation | Android Views (MDC-Android): Expressive | Available |
| Implementation | Web: Expressive | Unavailable |
M3 Expressive update
May 2025
The loading indicator is designed to show progress that loads in under five seconds. It should replace most uses of the indeterminate circular progress indicator. More on M3 Expressive
New component added to catalog.
Loading indicators:
- Are used in pull-to-refresh functionality
- Can be contained or uncontained
- Use shape and motion to capture attention
- Can scale in size
Loading indicators are used in the pull-to-refresh behavior