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

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

1  2  3  4     
       5     
       6      7  8      9     10     15 16 17 18     
      
       19         
       
        {
     {val}}%
       20     
      
21 22 

效果为：

其中，可使用的属性有：

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

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

1  2  3  4     
       5     
       6      7  8      9     10     19 20 21 22     
      
       23         
       
        24         
        
         {
      {bar.value}}%25             
        26         
       27     
      
28 29 

效果为：

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

 

---

目录：

---