Skip to main contentCarbon Design System

Loading

Loading spinners are used when retrieving data or performing slow computations, and help to notify users that loading is underway.

White
Gray 10
Gray 90
Gray 100
Loading
Active loading indicator
Loading
Modifiers

General guidance

Loading spinners are used when retrieving data or performing slow computations. They notify to the user that their request is being processed. Although they do not provide details about what is occurring on the back-end, they reassure the user that their action is being processed.

It is best practice to use a loading spinner whenever the wait time is anticipated to be longer than three seconds.

Size

Loading spinners may be scaled down if the loading experience is contextual to a certain item on the page.

Small loader

Feedback

Help us improve this component by providing feedback, asking questions, and leaving any other comments on GitHub.