Для функционирования вам понадобится Twitter Bootstrap 2.3.2 или Twitter Bootstrap 3.0
Подключение файлов
Скачайте skylo.js и skylo.css. Подключите их после bootstrap.js и bootstrap.css.
Настройки
$(document).skylo({
state: 'info',
inchSpeed: 200,
initialBurst: 5
});
state ["info", "success", "warning", "danger"] : Настройка темы прогресса загрузки. Используются те же параметры, что и при использовании Bootstrap.
inchSpeed (ms): Скорость.
initialBurst (1 - 100): процент загрузки.
Методы
start: Анимирует загрузку до изначально указанной цифры.
$(document).skylo('start');
end: 100% загрузки.
$(document).skylo('end');
set(width): Установка следующего значения процента загрузки. От 1 - 100.
$(document).skylo('set',50); //Set width to 50%
get: Возврат текущего процента загрузки.
$(document).skylo('get');
show(callback): загрузчик помещается в DOM и вызывается callback функция.
$(document).skylo('show',function(){
// после вставки, анимируется до 30%
$(document).skylo('set',30);
});
remove: удаление загрузчика из DOM. Обычно не используется. В конце анимации удаление происходит само собой.
$(document).skylo('end');