Angular EasyUI 进度条
2020-06-24 17:29 更新
进度条( 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 )组件的使用方法。
- 参考图例:
以上内容是否对您有帮助:
更多建议: