加载js的时候如何显示进度?

快速开发师 发布于 2016/06/28 15:48
阅读 149
收藏 0
加载js的时候如何显示进度?最近做工具软件网站,用到的js多,希望能让用户看到一个进度,是否可以实现?
加载中
0
bnysky
bnysky
使用webworkers进行跟踪和页面显示,类似于java线程的方式
0
让往事随风
让往事随风
试试下面这段代码,如果还是不行的话参考js学习资料:http://edu.51cto.com/course/course_id-4543.html
<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 !---->
0
-鹏
-鹏
流式加载可以显示进度。  http 协议支持的。如果使用flex的话就是amf协议
返回顶部
顶部