Angular EasyUI 进度条

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

属性列表

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

注：
- 继承： none 。
- 选择器： eui-progressbar 。

使用方法

创建进度条（ ProgressBarComponent ），并设置value值。

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

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

参考图例：

progressbar