Как узнать, сколько времени /% осталось для document.ready?

Question

я обычно делаю

$('#load').show(); 
$(document).ready(function(){ 
    $('#load').hide(); 
}); 

где <div id="load"> имеет только анимированного GIF

, но я имел в виду улучшить немного и показать ProgressBar

имеющий

<div id="load"><div id="done"></div></div> 

так я может, в период ожидания (я думаю)

var percent_done = how_do_i_figure_out(); /* here is where i need help */ 
$('#done').width(percent_done); 

Answer 1

Этого нельзя сделать!

У вас нет доступа к элементам, которые пока не отображаются, так как бы вы знали, чего не хватает ?!

Answer 2

Слишком много переменных, чтобы определить, сколько времени потребуется для загрузки. Некоторые из них не могут быть рассчитаны (например, скорость интернет-соединения).

Answer 3

Я бы просто использовал поддельный прогрессбар. Вот пример.

http://jsfiddle.net/dM8Qp/1/

Это невозможно знать, как долго это будет прежде, чем произойдет DOMready событие.

HTML

<div id="pb"></div>​ 

JS

$("#pb").progressbar(); 
var preloader = $("<div />").css("height", "0px").animate({ 
    height: 95 
}, { 
    step: function() { 
     //console.log(Math.ceil(parseFloat($(this).css("height")))) 
     $("#pb").progressbar("value", Math.ceil(parseFloat($(this).css("height")))); 
    }, 
    duration: 2000 
}); 

$(document).ready(function(){ 
    preloader.promise().done(function(){ 
     $("#pb").add(preloader).remove(); 
    }); 
}); 

Обновлено в предложении gdoron в комментариях.