Progress 进度条
用于展示操作进度，告知用户当前状态和预期。
线形进度条
百分比外显：
百分比内显：
▼显示代码
环形进度条
▼显示代码
参数
你可以通过修改$.fn.progress.defaults来修改全局默认配置，也可以在初始化时传入指定配置$(#id).progress({xx: xx})。
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| type | 进度条类型 | string | line/circle | 'line' |
| percentage | 百分比进度 | number | - | 0 |
| strokeWidth | 进度条的宽度，单位px | number | - | 6 |
| textInside | 进度条显示文字内置在进度条内（只在 type=line 时可用） | boolean | - | false |
| color | 进度条背景色 | string | - | '#20a0ff' |
| circleWidth | 环形进度条画布宽度（只在 type=circle 时可用） | number | - | 126 |
| showText | 是否显示进度条文字内容（自定义文字或百分比） | boolean | - | true |
| text | 自定义文字（覆盖百分比显示） | string | - | '' |
方法
你可以通过调用$(#id).progress('set', xxx)来更新已被初始化过的元素的进度状态。
| 方法 | 说明 | 举例 |
|---|---|---|
| set | 更新进度条状态，传入number表示更新百分比进度，传入object支持更新进度条的三种状态：percentage、color、text。 | $(#id).progress('set', 20)或$(#id).progress('set', {text: 'Done', percentage: 100, color: '#67c23a'}}) |