Progress & spinner

<div class="b-stack" style="--b-stack-gap: var(--b-3)">
  <div class="b-progress" role="progressbar" aria-label="Upload progress" aria-valuemin="0" aria-valuemax="100" aria-valuenow="20"><span style="--b-progress: 20%"></span></div>
  <div class="b-progress" role="progressbar" aria-label="Sync progress" aria-valuemin="0" aria-valuemax="100" aria-valuenow="60"><span style="--b-progress: 60%"></span></div>
  <div class="b-progress" role="progressbar" aria-label="Storage used" aria-valuemin="0" aria-valuemax="100" aria-valuenow="92"><span style="--b-progress: 92%"></span></div>
</div>

<div class="b-progress b-progress-indeterminate" role="progressbar" aria-label="Loading"><span></span></div>

<div class="b-cluster">
  <span class="b-spinner b-spinner-sm"></span>
  <span class="b-spinner"></span>
  <span class="b-spinner b-spinner-lg"></span>
</div>