Crear barras de progreso multipropósito con JavaScript y CSS3-Progress. JS
| Autor: | usablica |
|---|---|
| Views Total: | 2,696 |
| Sitio oficial: | Ir a la web |
| Actualizado: | February 18, 2014 |
| Licencia: | MIT |
Vista prévia
Descripción
ProgressJs es una resolución de barra de progreso basada en JavaScript y CSS3 que se puede aplicar en cualquier objeto de su página web como botón, cuerpo, TextArea, entrada y más. Puede diseñar su propia plantilla para la barra de progreso o personalizarla simplemente.
Puede utilizar ProgressJs para mostrar el progreso de la carga de contenido (imágenes, vídeos, etc.) en la página a los usuarios. Se podría utilizar en todos los elementos, incluyendo cuadro de texto, TextArea o incluso todo el cuerpo. Es ligero, fácil de usar, personalizable, libre y de código abierto.
¿Cómo funciona?
Incluya el progressjs. CSS y Progress. js requeridos en el documento.
<script src="src/progress.js"></script> <link href="src/progressjs.css" rel="stylesheet">
Ejecute el siguiente código JavaScript en la página:
//to set progress-bar for whole page
progressJs().start();
//or for specific element
progressJs("#targetElement").start(); Consulte la página de demostración para obtener más ejemplos.
