<link rel="stylesheet" href="https://unpkg.com/gmx.css">
<script src="https://unpkg.com/iconify-icon"></script>

<div class="container">
  <header>
    <h3>Progress</h3>
  </header>
  <footer>
    <progress></progress>
    <br>
    <progress value="30" max="100"></progress>
    <br><br>
    <nav class="gap-md">
      <progress class="circle" value="30" max="100" style="--value: 30;"></progress>
      <progress class="circle spin" style="--value: 30;"></progress>
    </nav>
  </footer>
</div>