如何创建带有百分比计数器的 jQuery 预加载器？

我编写了从一本 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;
}

任何帮助将不胜感激！

Thanks.

this jQuery 插件 http://digitalbush.com/projects/progress-bar-plugin/可能有帮助。