Spinner

OverviewStyleGuidelinesCodeAccessibilityDemos

Overview

A spinner indicates that an action is in progress. It appears as an animated circle over the section that is loading, and it may include a text label

Status

Sample element

When to use

  • When loading a section is expected to take fewer than ten seconds
  • When the structure or amount of content that's loading is unknown
Image of a spinner element

Status checklist