Barra de progreso multiusos superior con Pure JavaScript-ProgressBar. js

Vista prévia

Descripción

Una biblioteca de JavaScript pura y llanamente utilizada para crear una barra de progreso superior totalmente configurable para indicar el estado de carga de la página, solicitud Ajax y muchos más.

Funcionamiento

Descargue y coloque el script ProgressBar. js en la Página Web.

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

Mostrar una barra de progreso predeterminada en la parte superior de la Página Web.

progressBar.progressBarStart();

Detenga y oculte la barra de progreso.

progressBar.progressBarStop();

Aquí hay una lista de opciones de configuración predeterminadas que se pueden pasar a la barra de progreso.

progressBar.config({


// 1: stright line progress bar

 // 2: progress bar width to be same as your percentage

// 3: fix width bar progress bar

// 4: recoil of pattern 3

 // 5: recoil of pattern 1

pattern : 1,


 // color of progressbar

color : "#FFD800",


 // ms interval

intervalAnmation : 20,


 // height of progressbar

height:
5,


// z-index

zIndex: 1000,


// width of progressbar

barWidth : 200


});

Ejecute una función personalizada antes de que se inicie la barra de progreso.

progressBar.beforeProgressStart = function(){

// do something
}

Ejecute una función personalizada después de que se detenga el progreso.

progressBar.afterProgressStop = function(){

// do something
}