백분율 카운터로 jQuery 프리 로더를 만드는 방법은 무엇입니까?

Question

초보자 jQuery 책에서 배웠던이 코드는 페이지의 프리 로더로 잘 작동하지만이 백분율 (%) 카운터를 만드는 방법은 무엇입니까? - 얼마나 많은 신체 내용이로드에 따라? 지금은 애니메이션 GIF 만 있습니다. 그러나 좀 더 진보 된 것을 원합니다! :)

// 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; 
} 

어떤 도움을 크게 감상 할 수있다!

감사합니다.

Answer 1

이 jQuery plugin이 도움이 될 수 있습니다.

Answer 2

나는 어쩌면 ..뿐만 아니라

Answer 3

당신을 위해 괜찮아 ... 내 웹 사이트에 대한 this plug-in을 사용하면 수 (I 이미지를 사용하고있는 예를 들어)이 같은 뭔가, 가짜 :

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 + '%'); 
     }); 
});