## Progress 进度条

### 使用指南
``` javascript
import { Progress } from 'vortex-mobile';

Vue.use(Progress);
```

### 代码演示

#### 基础用法

进度条默认为蓝色，使用`percentage`属性来设置当前进度

```html
<vm-progress :percentage="60" />
```


#### 形状

```html
<vm-progress :percentage="60" shape="round" />
<vm-progress :percentage="60" shape="radius" />
```

#### 大小
```html
<vm-progress :percentage="60" shape="round" size="sm" />
<vm-progress :percentage="60" shape="round" size="xs" />
```

#### 条纹

```html
 <vm-progress :percentage="60" shape="round" size="sm" striped color="#39b54a" :show-pivot="false" />
<vm-progress active :percentage="60" shape="round" size="sm" striped color="#39b54a" :show-pivot="false" />
```

#### 标题

```html
<vm-progress :percentage="60" shape="round" size="sm" :show-pivot="false" main-title="45-60" sub-title="岁占比最多" />
```

### API

| 参数 | 说明 | 类型 | 默认值 | 版本 |
|------|------|------|------|------|
| percentage | 进度百分比 | `Number``String` | - | - |
| show-pivot | 是否显示进度文字 | `Boolean` | `true` | - |
| color | 进度条颜色 | `String` | `#0081ff` | - |
| text-color | 进度条文字颜色 | `String` | `#fff` | - |
| size | 尺寸 | `String` 可选`sm` `xs` | - | - |
| main-title | 上方主标题 | `String` | - | - |
| sub-title | 上方副标题 | `String` | - | - |