nanobar.js - дуже простий прогрес-бар без JQuery
Приклад:
var options = {
bg: '#acf',
// leave 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);
Інсталювання:
Завантажте та розпакуйте останній реліз nanobar.js або встановіть за допомогою менеджера пакетів:
Bower:
$ bower install nanobar
npm:
$ npm install nanobar
Використання:
Додайте nanobar.js до вашого HTML файлу
<script src="path/to/nanobar.js"></script>
Або запросіть його за допомогою Browserify:
var Nanobar = require('path/to/nanobar')
Згенеруйте прогрес-бар
var nanobar = new Nanobar( options );
опції
bg<String>:CSS властивість фону, '#000' за замовчуванням
id<String>: id для nanobar div
target<DOM Element>: (опціонально) Де поставити індикатор, nanobar буде зафіксовано на верхній частині документа, якщоtarget-null
Переміщення бару
Встановлення розміру бару за допомогою nanobar.go(percentage)
arguments
percentage<Number>: ширина бару у відсотках
299 2
GR: 2.822k
Коментарі: