# Progress 进度条
# Progress 概述
展示操作或任务的当前进度，比如上传文件。
TIP
非 template/render 模式下，需使用 h-progress。
# Progress 代码示例
# 基本用法
处在不同状态下的进度条，当 percent 为 100 时，自动将状态置为 success
# 垂直方向
设置属性 vertical 将以垂直方向显示。
# 配合外部组件使用
通过数据的联动和逻辑控制，实现动态效果。
# 自定义更多样式
通过属性 stroke-width 改变进度条的线宽。自定义 slot 显示状态内容
# Progress API
# Progress props
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| percent | 百分比 | Number | 0 |
| status | 状态，可选值为 normal、active、wrong、success | String | normal |
| stroke-width | 进度条的线宽，单位 px | Number | 10 |
| hide-info | 隐藏数值或状态图标 | Boolean | false |
| vertical | 是否在垂直方向显示 | Boolean | false |
| showType | 显示数值类型，可选值 percent(百分比形式，默认)，fraction(分子分母形式)(此属性仅在1.0.20版本及其以上使用) | String | percent |
| numerator | 分子值(此属性仅在1.0.20版本及其以上使用) | String || Number | 0 |
| denominator | 分母值(此属性仅在1.0.20版本及其以上使用) | String || Number | 1 |
| hideIcon | true: 表示不显示状态图标，展示数字 （v1.0.70） | Boolean | false |
# Progress slot
| 名称 | 说明 |
|---|---|
| 无 | 自定义显示状态内容 |