<!-- Default progress bar -->
<progress class="mdst-progress" value="60" max="100">60%</progress>

<!-- Indeterminate (no value attribute) -->
<progress class="mdst-progress">Loading…</progress>

<!-- Status variants -->
<progress class="mdst-progress mdst-progress--success" value="100" max="100">100%</progress>
<progress class="mdst-progress mdst-progress--error" value="35" max="100">35%</progress>

<!-- Sizes -->
<progress class="mdst-progress mdst-progress--sm" value="50" max="100">50%</progress>
<progress class="mdst-progress mdst-progress--lg" value="50" max="100">50%</progress>

<!-- Classless (inside .mdst-ui container) -->
<div class="mdst-ui">
  <progress value="75" max="100">75%</progress>
</div>