Barra de progreso

<< Paginación Popovers >>

El componente de barra de progreso se construye con dos elementos HTML, algunas propiedades CSS permiten establecer el ancho y algunos atributos. Nosotros no vamos a utilizar el element <progress> de HTML sino la clase que ha diseñado Boostrap para ello.

  • Usaremos la clase .progress como un wrapper para indicar el máximo valor del progress bar
  • Usaremos .progress-bar para indicar el progreso
  • El .progress-bar requiere un estilo inline o un diseño CSS customizado para establecer el ancho
  • El .progress-bar también requiere los atributos role y aria.
<div class="progress">
  <div class="progress-bar" role="progressbar" style="width: 25%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">25%</div>
</div>

<< Paginación Popovers >>