Indicador de progreso de lectura diminuta con Pure JavaScript-rpbar. js
| Autor: | TheTomasJ |
|---|---|
| Views Total: | 2,171 |
| Sitio oficial: | Ir a la web |
| Actualizado: | September 7, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
rpbar. js es una biblioteca de JavaScript muy pequeña que se utiliza para mostrar una barra de progreso superior que indica el progreso de lectura sobre el contenido web dentro de un contenedor específico.
Funcionamiento
Descargue y descomprima el archivo rpbar. js y, a continuación, incluya los siguientes archivos en su página web:
<link rel="stylesheet" href="rpbar-1.0.min.css"> <script src="rpbar-1.0.min.js"></script>
Cree un elemento de marcador de posición para el indicador de progreso de lectura.
<div id="rp-bar"></div>
Envolver el contenido web donde desea escuchar los eventos de desplazamiento en contenedores DIV de la siguiente manera:
<div id="rp-start"></div> <!-- MARK START OF SCROLLABLE CONTENT (OPTIONAL) --> <p>content starts here (bar is visible)</p> <div id="rp-end"></div> <!-- MARK END OF SCROLLABLE CONTENT (OPTIONAL) -->
