代码演示

基本形式

<jr-progress  percent="10" width=200 height=20 state="info" />
<jr-progress  percent="30" width=300 height=30 state="success" />
<jr-progress  percent="75" width=500 height=40 state="warning" />
<jr-progress  percent="100" width=400 height=20 state="error" />
var component = new JRUI.Component({
    template: template
});
### 带有条纹以及条纹动画 
<jr-progress  percent="10" state="info" striped />
<jr-progress  percent="30" state="success" striped/>
<jr-progress  percent="75" state="warning" striped active/>
<jr-progress  percent="100" state="error" striped active/>
var component = new JRUI.Component({
    template: template
});

API

Classes

JRProgress

Constants

Component

JRProgress 进度条

Functions

config()

JRProgress

Kind: global class
Extend: Component

new JRProgress()

Param Type Default Description
[options.data] object = 绑定属性
[options.data.percent] number 36 => 百分比
[options.data.text] string | boolean true => 在进度条中是否显示百分比。值为string时显示该段文字。
[options.data.size] string null => 进度条的尺寸
[options.data.state] string null => 进度条的状态
[options.data.striped] boolean false => 是否显示条纹
[options.data.width] number => 组件宽度
[options.data.height] number => 组件高度
[options.data.active] boolean false => 进度条是否为激活状态，当striped为true时，进度条显示动画
[options.data.visible] boolean true => 是否显示
[options.data.class] string => 补充class

Component

JRProgress 进度条

Kind: global constant

Author: sensen(rainforest92@126.com)

config()

Kind: global function
Access: protected

← 国际化 文字提示 →