原文地址：

进度条控件有两种指令，第一种是uib-progressbar指令，表示单一颜色和进度的一个进度条。第二种是uib-bar和uib-progress指令，表示多种颜色和多个进度组合而成的一个进度条。

这是一个使用uib-progressbar指令的例子：

 

    
         
                         
     
        
      
       {
   {val}}%
          
     

 

效果为：

其中，可使用的属性有：

属性名	默认值	备注
value		进度条当前的值
type	null	进度条类型，可设置为success, info, warning, danger
max	100	进度条的最大值
animate	true	是否启用动画
title	progressbar	辅助用的标题

 另一种进度条是组合多个进度的进度条：

 

    
         
                         
     
        
              
       
        {
    {bar.value}}%            
               
          
     

 

效果为：

uib-progress可使用的属性有：max、animate、title，uib-bar可使用的属性有value、type、title，这些属性的用法和uib-progressbar一样。