免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
设为首页收藏本站
帖子
返回列表 发帖
查看: 79|回复: 0
上一主题 下一主题 打印

[代码] 网页加载进度条代码  [复制链接]

网页进度条能够更好的反应当前网页的加载进度情况,loading界面不仅能给用户带来良好的体验,而且有效的消除了程序加载等待过程中的枯躁感。
效果如图:


1、编辑header模板找到
  1. <div id="append_parent"></div><div id="ajaxwaitid"></div>
复制代码
在下边加
  1. <div class="pace"></div>
  2. <script src="http://tlb.258club.com/templates/default/loading.htm" type="text/javascript"></script>
复制代码
2、在css_append模板最下边加
  1. .pace-inactive {
  2.     display: none;
  3. }
  4. .pace .pace-progress {
  5.     background: #ff4550;
  6.     position: fixed;
  7.     z-index: 2000;
  8.     top: 0;
  9.     left: 0;
  10.     height: 3px;
  11.     -webkit-transition: width 0.1s;
  12.     -moz-transition: width 0.1s;
  13.     -o-transition: width 0.1s;
  14.     transition: width 0.1s;
  15. }
复制代码
更新换成即可。
附件: 您需要登录才可以下载或查看附件。没有帐号?注册