React 组件

UGProgress 进度条

UGProgress 用于表达任务完成度、上传进度和流程执行状态。

导入方式

按需从包入口导入组件，并在应用入口引入一次样式文件。

tsx

import { UGProgress } from '@ug666/ui-react'

基础进度条与带标签进度条。

68%

不同颜色适合区分阶段或状态。

25%

72%

100%

通过容器宽度控制紧凑型或宽型进度条。

典型场景是发布流程或文件上传。

tsx

import { UGProgress } from '@ug666/ui-react'

export function BuildProgress() {
  return <UGProgress value={72} showLabel color="success" />
}

属性	类型	默认值	说明
value	number	—	当前进度值。
max	number	100	最大值。
showLabel	boolean	false	显示右侧百分比文本。
color	'primary' \| 'success' \| 'warning' \| 'danger' \| 'info'	'primary'	进度条语义颜色。