JQuery Progress Bar body

Question

Я пытаюсь сделать «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: контейнер скрыт и блок! Thanx много !!!!

Answer 1

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(); 
    } 
}); 

Answer 2

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

Demo Progress bar in action

Скачать progess bar