- Description:
| Name | Type | Default value | Required? | Description |
|---|---|---|---|---|
value |
Number | 0 |
No | 輸入進度數字，單位%，介於0至100之間，預設0 |
decimal |
Number | 1 |
No | 輸入進度取小數位數字，預設1 |
title |
String | '' |
No | 輸入項目名稱字串，預設'' |
titleTextColor |
String | 'grey darken-2' |
No | 輸入文字顏色字串，預設'grey darken-2' |
titleTextFontSize |
String | '0.85rem' |
No | 輸入文字字型大小字串，預設'0.85rem' |
height |
Number | 4 |
No | 輸入高度數字，單位為px，預設4 |
borderRadius |
Number | 5 |
No | 輸入框圓角度數字，單位為px，預設5 |
progColor |
String | 'light-green accent-4' |
No | 輸入進度條顏色字串，預設'light-green accent-4' |
progBackgroundColor |
String | 'light-green lighten-5' |
No | 輸入進度條背景顏色字串，預設'light-green lighten-5' |
iconSize |
Number | 20 |
No | 輸入左側圖標之尺寸數字，單位px，預設20 |
iconWaiting |
String | 'mdiOrbitVariant' |
No | 輸入等待狀態(value<=0)圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設'mdiOrbitVariant' |
iconFinish |
String | 'mdiCheck' |
No | 輸入完成狀態(value>=100)圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設'mdiCheck' |
iconWaitingColor |
String | 'grey' |
No | 輸入等待狀態(value<=0)圖標顏色字串，預設'grey' |
iconFinishColor |
String | 'green' |
No | 輸入完成狀態(value>=100)圖標顏色字串，預設'green' |
enableIconWaiting |
Boolean | true |
No | 輸入是否使用等待狀態(value<=0)圖標布林值，預設true |
enableIconFinish |
Boolean | true |
No | 輸入是否使用完成狀態(value>=100)圖標布林值，預設true |
valueTextColor |
String | 'grey darken-2' |
No | 輸入文字顏色字串，預設'grey darken-2' |
valueTextFontSize |
String | '0.85rem' |
No | 輸入文字字型大小字串，預設'0.85rem' |
enableContinuous |
Boolean | false |
No | 輸入是否使用持續變化展示布林值，使用true時進度數字(value)與圖標(icon)失效，預設false |
continuousIncrease |
Number | 12 |
No | 輸入持續變化時進度寬度增量數字，單位為px，預設12 |
continuousPeriod |
Number | 100 |
No | 輸入持續變化時定時器週期數字，單位為ms，預設100 |
| Name | Type | Default value | Required? | Description |
|---|---|---|---|---|
value |
Number | 0 |
No | 輸入進度數字，單位%，介於0至100之間，預設0 |
decimal |
Number | 1 |
No | 輸入進度取小數位數字，預設1 |
title |
String | '' |
No | 輸入項目名稱字串，預設'' |
titleTextColor |
String | 'grey darken-2' |
No | 輸入文字顏色字串，預設'grey darken-2' |
titleTextFontSize |
String | '0.85rem' |
No | 輸入文字字型大小字串，預設'0.85rem' |
height |
Number | 4 |
No | 輸入高度數字，單位為px，預設4 |
borderRadius |
Number | 5 |
No | 輸入框圓角度數字，單位為px，預設5 |
progColor |
String | 'light-green accent-4' |
No | 輸入進度條顏色字串，預設'light-green accent-4' |
progBackgroundColor |
String | 'light-green lighten-5' |
No | 輸入進度條背景顏色字串，預設'light-green lighten-5' |
iconSize |
Number | 20 |
No | 輸入左側圖標之尺寸數字，單位px，預設20 |
iconWaiting |
String | 'mdiOrbitVariant' |
No | 輸入等待狀態(value<=0)圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設'mdiOrbitVariant' |
iconFinish |
String | 'mdiCheck' |
No | 輸入完成狀態(value>=100)圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設'mdiCheck' |
iconWaitingColor |
String | 'grey' |
No | 輸入等待狀態(value<=0)圖標顏色字串，預設'grey' |
iconFinishColor |
String | 'green' |
No | 輸入完成狀態(value>=100)圖標顏色字串，預設'green' |
enableIconWaiting |
Boolean | true |
No | 輸入是否使用等待狀態(value<=0)圖標布林值，預設true |
enableIconFinish |
Boolean | true |
No | 輸入是否使用完成狀態(value>=100)圖標布林值，預設true |
valueTextColor |
String | 'grey darken-2' |
No | 輸入文字顏色字串，預設'grey darken-2' |
valueTextFontSize |
String | '0.85rem' |
No | 輸入文字字型大小字串，預設'0.85rem' |
enableContinuous |
Boolean | false |
No | 輸入是否使用持續變化展示布林值，使用true時進度數字(value)與圖標(icon)失效，預設false |
continuousIncrease |
Number | 12 |
No | 輸入持續變化時進度寬度增量數字，單位為px，預設12 |
continuousPeriod |
Number | 100 |
No | 輸入持續變化時定時器週期數字，單位為ms，預設100 |