Angular EasyUI 進度條

進度條（ ProgressBarComponent ）組件提供了對顯示長時間操作的進度反饋。進度值隨著時間的變化而變化以讓用戶了解當前的正在執(zhí)行的操作進度。

屬性列表

注：
- 繼承： none 。
- 選擇器： eui-progressbar 。

使用方法

創(chuàng)建進度條（ 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 ）組件的使用方法。

• 參考圖例：