Jquery Progress Bar body

0

Я пытаюсь сделать "False" индикатор выполнения с javascript, который загружает панель, и когда он заполняет тело, становится видимым, и он работает, но я использую setTimeout, и я хочу запустить тело, когда индикатор выполнения завершен! так как я могу прослушивать индикатор прогресса?

//PROGRESS BAR

var _start = {property: 0};
var _end = {property: 100};
jQuery(_start).animate(_end, {
    duration: 2000,
    step: function progress() {
    $('#loading').css('width', this.property + "%");        
    //console.log( 'Current percentage is ' + this.property );// You can write this to your bar
    }
});


function show() {
    $('#loading').hide();
    $('#container').css({'visibility':'visible'});
    $('#bloc').css({'visibility':'visible'});
};

setTimeout(show, 2000);

мой css: контейнер скрыт и блок! Большое спасибо !!!!

  • 0
    Когда ваша анимация завершена, разве не должен быть завершен индикатор выполнения?
  • 0
    _start действительно оживляет что-то?
Теги:

2 ответа

0

Существуют различные способы достижения этого... но вот простой демо-код и исходный код, который вы можете использовать для его выполнения.

Демонстрация Прогресс в действии

Загрузить progess bar

0
jQuery(_start).animate(_end, {
    duration: 2000,
    step: function progress() {
    $('#loading').css('width', this.property + "%");        
    //console.log( 'Current percentage is ' + this.property );// You can write this to your bar
    },
    done: function () {
       show();
    }
});
  • 0
    это работает !! Большое спасибо !!! спасибо всем за ваш ответ !!
  • 0
    @ AlexMoody, так что вы должны выбрать правильный ответ.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню