API Docs for:
Show:

File: packages/bricksui-thirdpart/lib/bu-progress.js

/**
 @module bricksui
 @submodule bricksui-thirdpart
 */
/**
 对应Bootstrap progress组件,对Bootstrap progress组件进行轻量级封装


 ####基本用法
 ```handlebars
 {{bu-progress progress=60}}
 ```

 ------------------
 ###type
 ```handlebars
     {{!--可根据type的类型,指定progress的呈现行为--}}
     {{bu-progress progress=40 type="success"}}
     {{bu-progress progress=20 type="info"}}
     {{bu-progress progress=60 type="warning"}}
     {{bu-progress progress=80 type="danger"}}
 ```

 ------------------------------

 ###binding

 ```handlebars
 {{bu-progress progressBinding="prog"}}
 {{bu-button clicked="increment" content="Increment!"}}
 ```

 也可以以对progress进行值的绑定
 ```javascript
     Showcase.ShowComponentsProgressbarController = Ember.Controller.extend({
      prog: 0,
      incrementBy: 20,
      increment: function() {
        if (this.prog < 100) {
          return this.incrementProperty("prog", this.incrementBy);
        } else {
          return this.set("prog", this.incrementBy);
        }
      }
    });
 ```
 ---------------------------

 progressbar 堆叠

 ```handlebars
     {{#bu-progress}}
     {{bu-progressbar type="success" progress="35"}}
     {{bu-progressbar type="warning" progress="20"}}
     {{bu-progressbar type="danger" progress="10"}}
     {{/bu-progress}}
 ```


 ------------------------------------

 ```html
 可选的参数有
 + stripped 添加斜线样式 {boolean}
 + animated 是否添加CSS3样式 {boolean}
 ```

 @namespace BricksUI
 @class BuProgress
 @extends Ember.View
 */