The video introducing Google’s new design language begins with a sweater-to-refresh animation which transforms “Material 3” into an expressive “material 3”, the sequence introducing the new loading indicator.
THE loading indicator is a new component with expressive Material 3 which shows “progress for a short waiting time”, in particular less than five seconds. Google recommends it as a “replacement of indefinite circular progression indicators” which have been updated with M3E to be more distinct (more on this subject below).
In material 3 (and M2), progression indicators, such as used for the sweater-to-refresh, were a fairly simple loop.
The M3E loading indicator is a “loop -shaped morphage sequence made up of seven forms of single material 3”. (In general, There are 35.) It is intended to attract attention and has a circular container with a lighter background color when used for traction.
It can also be used outside the sweater-to-refresh without the container. Those of the beta version of Android 16 see the loading indicator after starting the device and entering their spindle but before the pixel launcher / Home screen loads.
In addition to placing in the middle of a page or container, “the loading indicators can be placed in other components, such as the buttons, to indicate that the action is in progress, such as validating a form or checking updates.”
Another example is in place of the favicon when a browser page takes care:
Google recommends the loading indicator to “show progress that takes care of less than five seconds”.
For longer interactions, the expressive equipment has updated the linear and the circular Progression indicators. This update allows them to be thicker and have a wavy shape (flat versus): “The wavy shape can make the processes longer less static and better used when a more expressive style is appropriate.” As such, it can be very important.
FTC: We use automatic income affiliation links. More.
