⭐ Componente de barra de progreso solo de JavaScript ✅ TodoCodigo.net

Vista prévia

Una biblioteca de JavaScript ligera, de dependencia y sin CSS que se usa para generar barras de progreso personalizables y animadas.

Descargue el ProgressBar. js e insértelo en su proyecto Web.

<script src="progressbar.js"></script>

Cree un contenedor DIV para colocar la barra de progreso.

<div id="progressbarCont"> </div>

Inicializar la barra de progreso con la configuración predeterminada.

progressBar.init("#progressbarCont");

Parámetros disponibles:

Elem: elemento contenedor
velocidad : velocidad de animación
Inicio: valor inicial
End: valor final
Style: estilos CSS personalizados
callback: una devolución de llamada que se activará cuando finalice el progreso.

progressBar.init(elem, speed, start, end, style, callback);

Aplique sus propios estilos CSS a la barra de progreso:

progressBar.init("#progressbarCont", 50, 0, 100, {
 width : 500,

height : 40,

bgColor : "black",

radius : 10,

pbarColor : "red"
});