Barra ligera de progreso de JavaScript Slim-nanobar

Tiempo de ejecución: 30 minutos. Empezar

Autor: jacoborus
Views Total: 3,940
Sitio oficial: Ir a la web
Actualizado: June 13, 2018
Licencia: MIT

Vista prévia

Barra ligera de progreso de JavaScript Slim-nanobar

Descripción

Una barra de progreso súper ligera construida encima de las transiciones JavaScript y CSS3 para crear un indicador delgado para el estado de carga de contenido.

Funcionamiento

Cargue el nanobar. js al final del documento.

<script src="nanobar.js"></script>

El código JavaScript de ejemplo para manipular la barra de progreso.

<script src="../nanobar.js"></var options = {


bg: '#acf',


// left target blank for global nanobar


target: document.getElementById('myDivId'),


// id for new nanobar


id: 'mynano'
};

var nanobar = new Nanobar( options );

//move bar
nanobar.go( 30 ); // size bar 30%

// Finish progress bar
nanobar.go(100);script>

Registro de cambios

06/13/2018

  • Bugfix

Te puede interesar: