Discover the Eye-Catching New Loading Indicator in Material 3 Expressive
Discover the new Material 3 Expressive loading indicator that transforms user experience with dynamic shape morphing and a fresh, wavy design.
By Blip Tech
1 min read
Introduction of Material 3 Expressive Loading Indicator
Google has introduced a new design language called 'Material 3 Expressive.' A key component of this update is the new loading indicator, designed to show progress for short wait times (less than five seconds). It is recommended as a replacement for indeterminate circular progress indicators.
Design and Functionality
- Loading Indicator: The new loading indicator features a looping shape morph sequence composed of seven unique Material 3 shapes. It captures attention with a circular container and lighter background color, particularly useful in pull-to-refresh animations.
- Usage: It can be used in various contexts, such as within buttons to indicate ongoing actions (e.g., validating forms or checking for updates) or replacing the favicon during browser page loading.
Android 16 Beta
Users of the Android 16 Beta have already seen this new loading indicator after a device boot and before the Pixel Launcher loads.
Longer Interactions
For interactions longer than five seconds, Material 3 Expressive has updated linear and circular progress indicators. These updates include thicker sizes and wavy shapes, making them more dynamic and less static.
