## Progress 进度条 ### 使用指南 ``` javascript import { Progress } from 'vant'; Vue.component(Progress.name, Progress); ``` ### 代码演示 #### 基础用法 进度条默认为蓝色,使用`percentage`属性来设置当前进度 :::demo 基础用法 ```html ``` ::: #### 进度条置灰 :::demo 进度条置灰 ```html ``` ::: #### 样式定制 可以使用`pivot-text`属性自定义文字,`color`属性自定义进度条颜色 :::demo 样式定制 ```html ``` ::: ### API | 参数 | 说明 | 类型 | 默认值 | 可选值 | |-----------|-----------|-----------|-------------|-------------| | inactive | 是否置灰 | `boolean` | `false` | | | percentage | 进度百分比 | `number` | `false` | `0-100` | | pivotText | 文字显示 | `string` | 百分比文字 | - | | color | 进度条颜色 | `string` | `#38f` | hexvalue | | textColor | 进度条文字颜色 | `string` | `#fff` | hexvalue |