Barra de progreso de desplazamiento suavemente animada-página-progreso

Tiempo de ejecución: 30 minutos. Empezar

Autor: bhaktijkoli
Views Total: 382
Sitio oficial: Ir a la web
Actualizado: December 14, 2018
Licencia: MIT

Vista prévia

Barra de progreso de desplazamiento suavemente animada-página-progreso

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'

});
})()

Te puede interesar: