页面加载时显示进度条的js
<style type="text/css">/*Loader Start----------------------------------------------*/#loader_container { text-align:center;position:absolute;top:400px;width:100%;margin-left:auto; margin-right:auto;overflow:hidden; }#loader { font-family:Tahoma, Helvetica, sans;font-size:11.5px;color:#abc;background-color:#f2f2f2;padding:10px 0 16px 0;margin:0 auto;display:block;width:130px;border: #dae2e7 1px solid;text-align:left;z-index:2; }#loader_bg { background-color: #abc;position:relative;top:8px;left:8px;height:7px;width:113px;font-size:1px }#progress { height:5px;font-size:1px;width:1px;position:relative;top:1px;left:0px;background-color: #fff; }/*Loader End ----------------------------------------------*/</style> <!---- loading start !----> <div id="loader_container"title="点击关闭"> <div id="loader"> <div align="center"> 正在载入中 ...</div> <div id="loader_bg"> <div id="progress"> </div> </div> </div> </div><!---- loading End !----> 注意：还要引入loader.js文件，提供下载如下
页:
[1]