Yüzde sayacı olan bir jQuery önyükleyicisini nasıl oluştururum?

Question

Bu kodu, yeni başlayanlar jQuery kitabından öğrendim, bu sayfa için bir ön yükleyici olarak harika çalışıyor, ancak bunun için bir yüzde (%) sayacı nasıl oluşturabilirim? - Ne kadar vücut içeriği yüklü? Şu anda bir animasyonlu GIF'im var - ama biraz daha gelişmiş bir şey istiyorum! :)

// Lets preload! 
$(window).load(function() { 
    $('#preloader').fadeOut('slow', function() { $(this).remove(); }); 
}); 

CSS:

#preloader { 
    position: absolute; 
    top: 0; 
    left: 0; 
    z-index: 1000; 
    width: 100%; 
    height: 100%; 
    background: #009933 url(uploads/images/ajax-loader2.gif) center center no-repeat; 
} 

Herhangi yardım büyük takdir!

Teşekkürler.

Answer 1

bu jQuery plugin yardımcı olabilir.

Answer 2

Ben belki .. yanı

Answer 3

sizin için Tamam ... Web sitem için this plug-in kullanılan Yapabilirsin (I görüntüleri kullanıyorum örneğin) Böyle bir şey, bu sahte:

var percentCounter = 0; 

$.each(arrayOfImageUrls, function(index, value) { 
    $('<img></img>').attr('src', value) //load image 
     .load(function() { 
      percentCounter = (index/arrayOfImageUrls.length) * 100; //set the percentCounter after this image has loaded 
      $('#yourProgressContainer').text(percentCounter + '%'); 
     }); 
});