Progress 进度条

展示操作的当前进度

何时使用

在操作需要较长时间才能完成时，为用户显示该操作的当前进度和状态。

• 当一个操作会打断当前界面，或者需要在后台运行，且耗时可能超过 2 秒时；
• 当需要显示一个操作完成的百分比时。

代码示例

线形进度条

圆形进度条

API

参数	说明	类型	默认值
percent	百分比	number	0
status	状态	ProgressStatus	active
text	提示文字	string | ReactNode	-
type	进度条类型	'line' | 'circle'	'line'

ProgressStatus

type ProgressStatus = "active" | "success" | "exception" | "cancel";