Spinner

A spinner shows that something is working. It is one element with a CSS animation, no image and no script.

<div class="spinner" role="status" aria-label="Loading"></div>
A spinning loader

A spinner

Add class="spinner" to an empty element. Give it a role and label so it is announced.

<div class="spinner" role="status" aria-label="Loading"></div>
A spinner at the default size

Sizes

Add large for a bigger spinner.

<div class="spinner large" role="status" aria-label="Loading"></div>
A large spinner