When to use
Use a progress spinner to communicate to the user that a process requires load time. The exact amount of progress could either be known or unknown. When progress is unknown, use an indeterminate progress spinner (instead of determinate).
Note that a Progress Spinner is related to a Progress Bar. The context should decide which one works best. Usually a Progress Spinner is used for smaller spaces with a relative short loading time. Also, for tasks where progress cannot be measured in a linear fashion a Progress Spinner is often a better choice (even though it also supports a determinate operation). A Progress Bar, because of its visual appearance, is often a better solution for linear (determinate) operations. Make sure to explore both options to see which one suits your context best. Contact the Aero team when you have any doubts.
Behaviour
A Progress Spinner communicates progress by animating the indicator along the track. Specific behaviour depends on the type of operation (indeterminate or determinate). These two types have been specified on the Overview page.
Placement
Placement options depend on the context of use. As stated, a Progress Spinner is often used to when space it limited and load time is relatively short. Examples are:
- At a spot where additional content will be loaded
- At the top of the screen when content is refreshed
- In Buttons to indicate that the button action is being performed (when it cannot be performed instantly)
- At the center of the screen to indicate screen content is being loaded
Accessibility considerations
Assistive technology needs to be informed of the current status. Make sure announcements are made to make every passenger aware, including visually impaired screen reader users.