s="example">
      <progress class="variant" max="100" value="14"></progress>
      <progress class="active" max="100" value="28"></progress>
      <progress class="accent" max="100" value="42"></progress>
      <progress class="success" max="100" value="57"></progress>
      <progress class="attention" max="100" value="71"></progress>
      <progress class="severe" max="100" value="85"></progress>
      <progress class="danger" max="100" value="100"></progress>
    </div>
  </div>
</section>
