嗯。。大家一定见过很多站点都有这个加载进度条啊。

具体效果大D就不截图了。欢迎刷新页面看网页头部啊。。一条灰色的进度条的说~

需要你的模板加载jquery库,加载方法在这里就不再敖述了。

简单说一下吧,这个效果呢,是使用jquery库来完成的,在加载到代码是显示一个条出来,然后控制这个条的宽度,也就是说,你把带有宽度的语句添加到合适的位置就可以达到加载进度显示的目的了。

方法如下:

1.在header.php中添加

这个添加到自己模板header.php合适的位置上。 大D是添加在了header.php的标签中。

2.添加加载进度显示的位置

上述代码中,width:"33%"可以更改。更改为自己需要的百分比。 大D将上述代码放置到harder.php(20%)加载文章的循环之后(40%)和sidebar.php(60%)以及底边栏(80%)。

3.添加jQuery代码到footer.php

4.添加CSS代码到style.css文件

可以按照自己的要求修改颜色啥的。嘿嘿。。

想折腾的童鞋就抓紧下手吧~

与本文相关的文章
版权声明
转载保留版权: 大D综合研究院 | 《为WordPress添加加载进度条》
本文链接地址:https://www.dadclab.com/archives/1020.jiecao
转载须知:如果您需要转载本文,请将版权信息,版权授权方式,以及本文的链接地址注明,谢谢合作。
本文被贴上了: , , 标签