Progression

Progression indéfinie ou définie

la tag <progress>, représente la quantité d'un travail effectuée ou la quantité restante pour effectuer une tâche. 

<progress value="25" max="100"></progress>
<progress value="50" max="100"></progress>
<progress value="0" max="100" indeterminate="true"></progress>
<progress></progress>

Personnalisation

Grâce aux variables CSS, vous pouvez customiser facilement vos barres de progression.
Pour plus d'informations reportez-vous à la section Personnalisation 

<button class="btn--custom">Custom</button>
.custom--progress {
  --background-color: #983c09;
  --border-width: 2px;
  --border-color: #642f00;
  --border-radius: 1em;
  --progress-color: #c49656;
}