@ug666/react 文档演示

Progress 进度条

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

导入方式

所有示例均直接使用 @ug666/react 中的真实组件导出。

import { Progress } from '@ug666/react'

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

68%

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

25%

72%

100%

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

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

import { Progress } from '@ug666/react'

export function BuildProgress() {
  return <Progress value={72} showLabel color="bg-green-500" />
}