因为前几天换上这款主题之后，本身就有很多jQuery小机关。发现很多wordpress博客中都使用了jQuery页面载入进度条。觉得相当帅气，今天在糖醋排骨的博客中：关于本Blog的页面载入效果一文中找到了方法。于是马上折腾上，方法如下：

首先说说 jQuery 页面载入进度条思路：在wordpress博客或者网站中放置一个文字或者图片的 loading 状态，进入网站首先加载这段代码，然后加在网站的内容、css、jQuery 等。。然后页尾载入一段 jQuery 隐藏掉，即根据浏览器的载入顺序来实现的简易 Loading 状态条。

有了思路之后，我们首先创建一个loading.js上传到你模版根目录,js内容如下:

//载入中 Loding..
jQuery(function(){
  jQuery('#loading-one').empty().append('页面载入完毕.').parent().fadeOut('slow');
});

下一步找到模版中的header.php文件，首先我们需要在<head></head>之间载入jQuery库:

你也可以下载jQuery库放到你的空间,然后直接载入，下载：jQuery官方最新版本:1.4.1

然后我们继续在header.php中找到：body ，添加style，并紧跟着body在下面添加:

//body属性添加....

//在body下面添加代码.....



页面载入中..

这样就完工了，但要切记的是：如果你使用的是UTF-8编码的话，所有的文件必须使用编辑器转换为UTF-8无BOM模式之后再保存，不然也许会出现各种诸如乱码之类的问题。
各位童鞋赶快去试试吧~