#### 默认进度条
代码示例：
```
<div class="win-progress win-progress-sm">
<div class="win-progress-bar win-bg-purple" data-percent="22%"></div>
<span class="win-progress-text win-text-purple"></span>
</div>
<div class="win-progress">
<div class="win-progress-bar" data-percent="75%"></div>
<span class="win-progress-text"></span>
</div>
<div class="win-progress win-progress-lg">
<div class="win-progress-bar win-bg-warm win-progress-round" data-percent="48%"></div>
<span class="win-progress-text win-text-warm"></span>
</div>
```
*****
#### 悬浮数值进度条
代码示例：
```
<div class="win-progress win-progress-suspen">
<div class="win-progress-bar" data-percent="75%"></div>
<span class="win-progress-text"></span>
</div>
```
*****
#### 可拖动进度条
代码示例：
```
<div class="win-progress win-progress-drag">
<div class="win-progress-bar" data-percent="75%"></div>
<span class="win-progress-circle-btn"></span>
</div>
```
*****
#### 分步骤进度条
代码示例：
```
<div class="win-progress win-progress-steps win-bg-gray">
<div class="win-progress-bar" data-percent="50%"></div>
<span class="win-progress-step"></span>
<span class="win-progress-step1"></span>
<span class="win-progress-step1"></span>
<span class="win-progress-step1"></span>
<span class="win-progress-step1"></span>
<span class="win-progress-step"></span>
</div>
```
*****
#### 圆形进度条
代码示例：
```
<div class="win-progress win-progress-circle win-progress-circle-sm win-inline">
<div class="win-pie-left">
<div class="win-pie-circle-left"></div>
</div>
<div class="win-pie-right">
<div class="win-pie-circle-right"></div>
</div>
<div class="win-pie-mask"><span>13</span>%</div>
</div>
<div class="win-progress win-progress-circle win-inline">
<div class="win-pie-left">
<div class="win-pie-circle-left"></div>
</div>
<div class="win-pie-right">
<div class="win-pie-circle-right"></div>
</div>
<div class="win-pie-mask"><span>85</span>%</div>
</div>
<div class="win-progress win-progress-circle win-progress-circle-lg win-inline">
<div class="win-pie-left">
<div class="win-pie-circle-left"></div>
</div>
<div class="win-pie-right">
<div class="win-pie-circle-right"></div>
</div>
<div class="win-pie-mask"><span>42</span>%</div>
</div>
```
