Vue EasyUI 进度条

进度条（ ProgressBar ）组件提供了对显示长时间操作的进度反馈。进度值随着时间的变化而变化以让用户了解当前的正在执行的操作进度。

属性列表

名称	数据类型	作用描述	默认值
value	number	百分比进度值。	0
showValue	boolean	是否显示进度值。	false
barCls	string	进度条的样式类。	null
barStyle	Object	进度条的内联样式。	null

注：
- 继承： None 。

使用方法

创建进度条（ ProgressBar ）

进度条（ ProgressBar ）的创建十分简单，仅需要以 HTML 标记创建即可。

    <div>
        <ProgressBar>进度条（ ProgressBar ）</ProgressBar>
    </div>

设置值

    <div style="margin-bottom:20px">
        <ProgressBar :value="40" ;showValue="true"></ProgressBar>
    </div>
    <div style="margin-bottom:20px">
        <ProgressBar :value="70" :showValue="false">Processing 70%</ProgressBar>
    </div>
    <div style="margin-bottom:20px">
        <div style="text-align:right">50%</div>
        <ProgressBar :value="50" :showValue="false" barCls="c6" style="height:4px"></ProgressBar>
    </div>

注：
- 请您参考属性列表，仔细核对示例中的属性设置以更好的了解进度条（ ProgressBar ）组件的使用方法。

参考图例：

ProgressBar