Progress
Cómo funciona
Los componentes de progreso se crean con dos elementos HTML, algo de CSS para establecer el ancho y algunos atributos. No utilizamos el progresselemento HTML5 , lo que garantiza que pueda apilar barras de progreso, animarlas y colocar etiquetas de texto sobre ellas.Usamos .progresscomo envoltorio para indicar el valor máximo de la barra de progreso.
Usamos el interior .progress-barpara indicar el progreso hasta ahora.
El .progress-barrequiere un estilo en línea, clase de utilidad, o CSS personalizada para establecer su anchura.
El .progress-bartambién requiere un poco roley ariaatributos para que sea accesible.
Pon todo eso junto y tienes los siguientes ejemplos.