今天学习了一下进度条，bootstrap、html5进度条，看了一下都不错，优点分明bootstrap兼容性强、美观、样式多，html5兼容性不行，但简小。不过这两者都一个缺点是体验感不强，所有我使用了三种方法写了进度条。

自定义的需要引用bootstrap-progressbar.js和bootstrap-progressbar-3.3.4.css  地址：https://github.com/minddust/bootstrap-progressbar

具体看代码：

    
             
         
             
     
    
      
自己的进度条，有动画有显示值
    
      
        
       
    
      
    
      
     
html5
     
    
      
bootstrap进度条
    
      
普通
    
      
        
       
            
        40% 完成        
       
    
      
    
      
        
       
            
        40% 完成        
       
    
      
    
      
        
       
            
        30% 完成        
       
    
      
    
      
        
       
            
        40% 完成        
       
    
      
    
      
        
       
            
        40% 完成        
       
    
      
    
      
    
      
条纹
    
      
        
       
            
        40% 完成        
       
    
      
    
      
        
       
            
        30% 完成        
       
    
      
    
      
        
       
            
        40% 完成        
       
    
      
    
      
        
       
            
        40% 完成