Progress 进度条

---

提供一个方便的 进度条 组件

使用指南

在 Taro 文件中引入组件

import { AtProgress } from 'taro-ui'

组件依赖的样式文件（仅按需引用时需要）

@import '~taro-ui/dist/style/components/progress.scss';
@import '~taro-ui/dist/style/components/icon.scss';

一般用法

<AtProgress></AtProgress>

传入当前进度

<AtProgress percent="{25}" />
<AtProgress percent="{50}" />
<AtProgress percent="{75}" />

是否隐藏信息

<AtProgress percent="{25}" isHidePercent />
<AtProgress percent="{75}" isHidePercent />

自定义进度条的线宽

<AtProgress percent="{25}" strokeWidth="{6}" />
<AtProgress percent="{50}" strokeWidth="{8}" />
<AtProgress percent="{75}" strokeWidth="{10}" />

自定义进度条颜色

<AtProgress percent="{25}" color="#FF4949" />
<AtProgress percent="{50}" color="#13CE66" />
<AtProgress percent="{75}" color="#FFC82C" />

传入不同的状态

<AtProgress percent="{75}" status="error" />
<AtProgress percent="{50}" status="progress" />
<AtProgress percent="{100}" status="success" />

AtProgress 参数

参数	说明	类型	可选值	默认值
color	元素的颜色	String	-	-
status	元素的状态	String	progress,error,success	-
percent	元素的进度	Number	-	-
strokeWidth	元素的规格	Number	-	-
isHidePercent	是否隐藏文字	Boolean	-	false