Loading Indicator

The loading indicator shows the user that an external process, like a connection, is being executed.

Usage

Use the loading indicator to inform the user that there is pending content from the server that will load where the indicator is displayed. Without this indicator, the user can feel lost or navigate away from the page prematurely.

Please don’t use loading indicators inside buttons. If you need a loading indicator for an action triggered by a button, place the loading indicator on one of the sides of the button.

Types

Default

Size

Use the sizes below to respond to different device sizes:

Variations

Positive

Negative