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

1 хв. читання
26 листопада 2020

Приклад:

    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> : ширина бару у відсотках
Помітили помилку? Повідомте автору, для цього достатньо виділити текст з помилкою та натиснути Ctrl+Enter
Codeguida 6.2K
Приєднався: 7 місяців тому
Коментарі (0)

    Ще немає коментарів

Щоб залишити коментар необхідно авторизуватися.

Вхід / Реєстрація