Biblioteca de indicadores de carga AJAX delgado-MICROBAR

Tiempo de ejecución: 30 minutos. Empezar

Autor: ManrajGrover
Views Total: 2,561
Sitio oficial: Ir a la web
Actualizado: August 10, 2018
Licencia: MIT

Vista prévia

Biblioteca de indicadores de carga AJAX delgado-MICROBAR

Descripción

MICROBAR es una biblioteca JavaScript muy pequeña y fácil de usar para generar una barra de progreso delgada superior para indicar el estado de carga Ajax como se ve en YouTube y github.

Instalación

# NPM
$ npm install microbar --save

Funcionamiento

Incluya la biblioteca micrbar. js justo antes de la etiqueta body de cierre.

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

Reemplace la configuración predeterminada.

var settings = {



// percentage


percentage: 50,



// background color


color: 'red',



// animation speed


speed: 2,



// target container


target: 'myContainer'



};

Inicializar el indicador de carga AJAX.

var bar = new microbar( settings);

API methods.

// Move bar forward
bar.moveTo(80);

// Get color of progress bar
bar.getColor();

// Set color of progress bar
bar.setColor('#141414');

// Get speed of progress bar
bar.getSpeed();

// Set speed of progress bar
bar.setSpeed(5);

Registro de cambios

v0.1.7 (08/10/2018)

  • reescrito en ES6

Te puede interesar: