React 组件

UGRadialProgress 环形进度

适合在统计卡、上传项和紧凑仪表盘中表达完成度。

导入方式

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

tsx

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

24%

68%

100%

thickness 使用 SVG 坐标单位，不受 CSS 子像素舍入影响。

42%

tsx

<UGRadialProgress value={72} color="success" aria-label="发布进度" />

属性	类型	默认值	说明
value	number	—	当前进度值。
max	number	100	最大值，非法值会回退到 100。
showLabel	boolean	true	是否在圆环中央显示百分比。
color	'primary' \| 'success' \| 'warning' \| 'danger' \| 'info'	'primary'	设置语义颜色。
size	'sm' \| 'md' \| 'lg'	'md'	设置环形进度尺寸。
thickness	number	8	圆环粗细，自动限制在 2 到 16。