Loading Indicator
Loading Indicators are used while retrieving data to help communicate to users that a background process is happening.
Progress indicators differ based on whether progress is measurable.
- Indeterminate - indicators show that something is happening, but without a defined timeline. For use them when progress is unknown, very quick, or doesn’t need to be shown. Our ‘Loading Indicator’ component is of this type.
- Determinate - indicators show known progress and should accurately reflect how much of the process is complete. For more information about this type of loader, see Page Loader.
Loading indicator is designed as an ‘inline’ indicator to show loading is happening for a very particular area of the page such as a database operation query, loading async data for a table or a loading state of a button.
The loading indicator comes in small, medium or large depending on the loading experience of the item on the area which spinner is used.
Group your loading events
Section titled “Group your loading events”Avoid multiple inline spinners on the page simultaneously.
