Barra de progreso de carga superior personalizable-barra superior
| Autor: | buunguyen |
|---|---|
| Views Total: | 1,343 |
| Sitio oficial: | Ir a la web |
| Actualizado: | January 10, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
barra superior es un complemento de JavaScript independiente para generar una barra de progreso superior basada en lienzo que representa el estado de carga actual de su página web. Ideal para cargador de páginas, cargador Ajax y más.
Funcionamiento
Instale e importe la barra superior en el documento.
# NPM $ npm install topbar --save # Bower $ bower install topbar --save
<script src="topbar.js"></script>
Personalice la barra de progreso superior con los siguientes ajustes.
topbar.config({
autoRun
: true,
barThickness : 3,
barColors
: {
'0'
: 'rgba(26,
188, 156, .9)',
'.25'
: 'rgba(52,
152, 219, .9)',
'.50'
: 'rgba(241, 196, 15,
.9)',
'.75'
: 'rgba(230, 126, 34,
.9)',
'1.0'
: 'rgba(211, 84,
0,
.9)'
},
shadowBlur
: 10,
shadowColor
: 'rgba(0,
0,
0,
.6)'
}) Mostrar la barra de progreso.
topbar.show();
Oculte la barra de progreso manualmente.
topbar.hide()
cambiar el progreso en relación con la posición actual.
topbar.progress('+.01')
topbar.progress('-.01')
