Progress 进度条

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

使用指南

在 Taro 文件中引入组件

:::demo

import { AtProgress } from 'taro-ui'

:::

一般用法

:::demo

<AtProgress></AtProgress>

:::

传入当前进度

:::demo

<AtProgress percent='25' />
<AtProgress percent='50' />
<AtProgress percent='75' />

:::

是否隐藏信息

:::demo

<AtProgress percent='25' isHidePercent />
<AtProgress percent='75' isHidePercent />

:::

自定义进度条的线宽

:::demo

<AtProgress percent='25' strokeWidth='6' />
<AtProgress percent='50' strokeWidth='8' />
<AtProgress percent='75' strokeWidth='10' />

:::

自定义进度条颜色

:::demo

<AtProgress percent='25' color='#FF4949' />
<AtProgress percent='50' color='#13CE66' />
<AtProgress percent='75' color='#FFC82C' />

:::

传入不同的状态

:::demo

<AtProgress percent='75' status='error' />
<AtProgress percent='50' status='progress' />
<AtProgress percent='100' status='success' />

:::

AtProgress 参数