Fundación - Barra de progreso de medios

La barra de progreso se usa para mostrar su progreso y se puede agregar a sus diseños. Solo necesita dos elementos de HTML y son simples y fáciles de personalizar.

La siguiente tabla muestra cómo se puede utilizar la barra de progreso en Foundation.

No Señor. Detalle y descripción de la barra de progreso
1 Lo esencial

La barra de progreso contiene dos elementos, como un contenedor y un medidor.

2 Colores

El estilo de la barra de progreso se puede hacer usando las clases de color como .success , .warning y .alert .

3 Con texto

La barra de progreso se puede usar con texto usando la clase progress-meter-text .

4 Referencia SASS

Puede cambiar los estilos de los componentes utilizando SASS Reference.