Javascript 脚本和图像的加载程序

我有一个繁重的HTML页面，包含数兆字节的图像和脚本。我想展示使用类似于Flash的javascript的加载程序——带有progressbar和percents

是否有任何带有输入：URL数组（js脚本和图像）的库，在加载某些内容时进行回调。我知道资源的大小，所以我可以制作progressbar

若装入器库非常轻或者使用jQuery，那个就更好了。

---

另外，如果它可以加载CSS，那也很棒（我使用的更少，但应该是一样的）。

我不知道有什么现成的插件可以实现你想要的。但是，在和的帮助下，您应该能够编写自己的

一般的想法是显示默认情况下加载gfx时隐藏了其他所有内容。加载所有内容后，显示主UI

$(document).ready(function(){
    $(window).load(function() {
        $("#loading").hide();
        $("#mainUI").show();
    });
});

这里的键是$（window）.load（）。

jQuery帮助：

• 本地脚本（

  url.substr（0,7）！='http://'

  ）：

  $.get（url，函数（数据）{eval（数据）；回调（url）}

• 远程脚本：

  $.getScript（url，function（）{callback（url）}）

• 图像：

  var el=new Image（）；el.onload=function（）{callback（url）}；el.src=url；

我有一个包含URL和大小的数组，所以我知道已经下载了多少以及总大小