Skip to main content

status and progress

Loading indicator

Loading indicators are used when retrieving data or performing actions that might not run immediately. It helps assure users their action is being processed.

Image alt

Takeaways

  • Use a loading indicator when the expected wait time of an action might be longer than 2 seconds.
  • Loading indicators should be placed at the center of the page or content that it is loading.

Types

Image alt

SizePurpose
SmallUsed inside small or dense components.
MediumUsed inside regular buttons and components.
LargeUsed as default loading indicator on screens.