Spinner

Edit on GitHub

An animated, indeterminate loading indicator that shows something is in progress, without conveying how much progress has been made or how long it will take.

@volvo-cars/css v2.5.1

Sizes

Show codeHide code

<div class="flex items-center gap-24">
  <progress class="spinner w-16" aria-label="Loading"></progress>
  <progress class="spinner w-24" aria-label="Loading"></progress>
  <progress class="spinner w-32" aria-label="Loading"></progress>
  <progress class="spinner w-40" aria-label="Loading"></progress>
  <progress class="spinner w-48" aria-label="Loading"></progress>
</div>