Loading Indicator

Loading indicators inform users that a loading action is in progress. They can be rendered inline, in-page, or over-page.

Variations

Inline loading indicator

The inline loading indicator is used in the body of the table component when the table data is loading.

Loading data

In-page loading indicator

The in-page loading indicator is used when loading large sections of page content.

Loading [objects]

Over-page loading indicator

The over-page loading indicator is used when loading entire pages. It renders on top of the application's user interface for the duration of the loading action, and prevents the user from interacting with the application until the loading action is complete.