常见的网页加载进度条

我们为什么要做网页加载进度条?
是为了让用户的等待不再枯燥,让用户有一个等待的目标.
为什么要页面加载?
这些网站打开后网页上面需要加载一些控件以使网页上的一些程序能够执行,从而显现出相应的效果,如在线播放的视频、FLASH都属于这种情况,不同的效果对应的不同运行程序,这些运行程序你要看是哪里开发的,有些是安全的,比如一些大家都知道的,像FLASH或者REAL的,但所有这些实际上都是要求在你的计算机上面下载并[执行程序],原则上都是不安全的。

我们先用一个定时器做一个页面加载(缺点:页面加载时间是死的,无法根据内容多少来判断是否要加载多长时间!!)



    
        
        定时器
        
        
        
    
    
![](图片)![](图片)![](图片).....

用一个简单的js代码来做一个页面加载



    
        
        进度条
        
        
        
    
    
        
![](images/25.gif)
![](图片)![](图片)![](图片).....

接下来教大家做一个定位在头部的进度条



    
        
        
        
        
    
    
        
![](图片)![](图片)![](图片).....
![](图片)![](图片)![](图片).....
![](图片)![](图片)![](图片).....
![](图片)![](图片)![](图片).....

实时获取加载数值的进度条



    
        
        实时获取
        
        
        
    
    
        
0%

你可能感兴趣的:(常见的网页加载进度条)