Barra de progreso de desplazamiento suavemente animada-página-progreso
| Autor: | bhaktijkoli |
|---|---|
| Views Total: | 382 |
| Sitio oficial: | Ir a la web |
| Actualizado: | December 14, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
La biblioteca de progreso de la página crea una barra de progreso animada y pegajosa para visualizar hasta dónde se desplaza por la Página Web.
También se puede utilizar como un indicador de progreso de lectura que muestra la cantidad de contenido que queda sin leer.
Funcionamiento
Descargue el complemento de progreso de la página e inserte el siguiente archivo JavaScript en la Página Web.
<script src="dist/js/page-progress.js"></script>
Cree un contenedor vacío para mantener la barra de progreso.
<div class="page-progress"></div>
Inicialice la biblioteca de progreso de la página para generar una barra de progreso predeterminada en el contenedor que acaba de crear.
(function(){
pagePrgoress('.page-progress');
})() Personalice la barra de progreso pasando las siguientes opciones a la función pagePrgoress.
(function(){
pagePrgoress('.page-progress',{
// background color
color: '#03A9F4',
// height
size: '5px',
// or 'botton'
position: 'top',
// animation speed
speed: '500'
});
})()
