La barra de progreso inspirada en material Design con CSS3 y Pure JS-Mprogress. js
| Autor: | lightningtgc |
|---|---|
| Views Total: | 6,170 |
| Sitio oficial: | Ir a la web |
| Actualizado: | August 30, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
Mprogress. js es una biblioteca de JavaScript para crear un indicador de progreso lineal que se rellena de 0% a 100% usando animaciones con tecnología CSS3. Hay 4 tipos de barras lineales que puede usar en su proyecto: determinado, búfer, indeterminado y consulta indeterminado & determinado.
Uso básico
Cargue los Mprogress. CSS y Mprogress. js requeridos en su proyecto.
<link href="mprogress.css" rel="stylesheet"> <script src="mprogress.min.js"></script>
Inicialización.
var mprogress = new Mprogress();
Inicie y muestre la barra de progreso.
mprogress.start()
Terminar y ocultar la barra.
mprogress.end()
Establezca un porcentaje.
mprogress.set(0.5)
Aumenta un poco.
mprogress.inc()
Registro de cambios
08/30/2016
- Permitir varias instancias con la misma opción de plantilla en la misma página
