# Progress 进度条
---

<font color="#666">显示任务的当前进度</font>
### 基础用法
<!-- 使用```percent```来显示进度的百分比 -->

<div class="demo-block">
    <y-progress :percent="0" ></y-progress>
    <y-progress :percent="55" ></y-progress>
    <y-progress :percent="100" ></y-progress>
</div>

::: demo

```html
<div>
    <y-progress :percent="0" ></y-progress>
    <y-progress :percent="55" ></y-progress>
    <y-progress :percent="100" ></y-progress>
</div>
```
:::



### y-progress 属性说明
| 属性      | 说明     | 类型      | 可选值        | 默认值   |
|---------- |--------  |---------- |-------------  |-------- |
| percent   | 百分比   | Number    |  0--100       |  -  |