nanobar.js - прогрес-бар без JQuery

Приклад:

    var options = {
        bg: '#acf',
        target: document.getElementById('myDivId'),
        id: 'mynano'
    };
    
    var nanobar = new Nanobar( options );
    
    nanobar.go( 30 ); // size bar 30%
    
    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> : ширина бару у відсотках