Progreso

El tono por defecto usa accent. Las variantes positive, warning y negative usan tokens semánticos; acompañalas con etiqueta y valor textual.

positive

75%

warning

75%

negative

75%

<div>
  <div class="cl-progress" role="progressbar" aria-label="Dominio" aria-valuemin="0" aria-valuemax="100" aria-valuenow="75">
    <div class="cl-progress-fill cl-progress-fill--positive" style="width: 75%"></div>
  </div>
  <span class="cl-mono cl-muted">75%</span>
</div>

El ancho porcentual dinámico puede permanecer inline. Actualizá aria-valuenow y el texto junto al valor.