进度条

### 基础用法
<div class="textDiv">

![](/media/202404/2024-04-29_170546_054583.png)

------------

------------
代码示例如下
```html
<template>
    <div>
        <hi-progress  :value="value" :customColors="customColors" :textInside="true" :stroke-width="20"></hi-progress>
       <el-button @click="add">+</el-button>
    </div>
</template>

}
};
</script>
```

</div>

### Attributes

| 参数           | 说明                               | 类型      | 可选值                       | 默认值   |
|--------------|----------------------------------|---------|---------------------------|-------|
| value        | 百分比                              | number  | 0-100                     | 0     |
| type         | 进度条类型                            | string  | line/circle/dashboard     | line  |
| stroke-width | 进度条的宽度，单位 px                     | number  | ——                        | 6     |
| text-inside  | 进度条显示文字内置在进度条内（只在 type=line 时可用） | boolean | ——                        | false |
| status       | 进度条当前状态                          | string  | success/exception/warning | ——    |
| customColors | 进度条背景色（会覆盖 status 状态颜色）          | array   | ——                        | ——    |

</style>