Slick Top barras de progreso liso-ToProgress. js
| Autor: | djyde |
|---|---|
| Views Total: | 3,850 |
| Sitio oficial: | Ir a la web |
| Actualizado: | June 15, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
ToProgress es una biblioteca de JavaScript ligera que se utiliza para crear una barra de progreso animada de CSS3 delgada y suave en la parte superior de su página web, como se ve en YouTube.
Funcionamiento
Importe la biblioteca ToProgress en el documento.
<script src="path/to/ToProgress.min.js"></script>
Reemplace las opciones predeterminadas en el objeto Options .
var options = {
id: 'top-progress-bar',
color: '#F44336',
height: '2px',
duration: 0.2
} Mostrar una barra de progreso.
var progressBar = new ToProgress(options);
Api.
// increase 15% progressBar.increase(15, CALLBACK); // decrease 15% progressBar.decrease(15, CALLBACK); // set to 15% progressBar.setProgress(15, CALLBACK); // hide the progress progressBar.hide(); // reset the progress progressBar.reset(); // finish the progress progressBar.finish(); // return current progress progressBar.getProgress()
