日期:2014-05-16  浏览次数:20296 次

页面加载时显示进度条的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" onclick="this.style.display='none'" title="点击关闭">
            <div id="loader">
                <div align="center">
                    正在载入中 ...</div>
                <div id="loader_bg">
                    <div id="progress">
                    </div>
                </div>
            </div>
        </div>
<!---- loading End !---->

?注意:还要引入loader.js文件,提供下载如下