# WProgressBar

Description:

### Props

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

### Props

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