Progress进度条

展示操作的当前进度。

何时使用

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

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

Examples

进度条

标准的进度条。

小型进度条

适合放在较狭窄的区域内。

动态展示

会动的进度条才是好进度条。

自定义文字格式

format 属性指定格式。

分段进度条

标准的进度条。

自定义进度条渐变色

linear-gradient 的封装。推荐只传两种颜色。

设置未完成的分段的颜色

可通过 TrailColor 设置未完成的分段的颜色

进度圈

圈形的进度。

小型进度圈

小一号的圈形进度。

进度圈动态展示

会动的进度条才是好进度条。

仪表盘

通过设置 type=dashboard，可以很方便地实现仪表盘样式的进度条。

圆角/方角边缘

通过设定 strokeLinecap="square|round" 可以调整进度条边缘的形状。

步骤进度条

带步骤的进度条。

Progress API#

属性	描述	类型	默认值
Size	属性进度大小	ProgressSize	ProgressSize.Default
Type	属性设置类型，选项：line circle dashboard	ProgressType	ProgressType.Line
Format	属性内容的模板功能	Func<Double, String>	i%
Percent	属性设置完成百分比	Double	--
ShowInfo	属性是否显示进度值和状态图标	Boolean	true
Status	属性设置进度的状态，选项：成功异常正常活动（仅限行）	ProgressStatus	ProgressStatus.Normal
StrokeLinecap	属性设置进度线帽的样式	ProgressStrokeLinecap	ProgressStrokeLinecap.Round
SuccessPercent	属性分段成功百分比	Double	0
TrailColor	属性未填充部分的颜色	String	--
StrokeWidth	属性设置进度条的宽度，单位：px 设置圆形进度的宽度，单位：画布宽度的百分比设置仪表盘进度的宽度，单位：画布宽度的百分比	Int32	Type = line: 10, Type = circle or dashboard: 6
StrokeColor	属性进度条的颜色，传递一个对象时渲染线性渐变循环进度的颜色，传递一个对象时渲染线性渐变	OneOf<String, Dictionary<String, String>>	--
Steps	属性总步数	Int32	0
Width	属性设置圆形进度的画布宽度，单位：px 设置仪表盘进度的画布宽度，单位：px	Int32	120
GapDegree	属性半圆的间隙度，0 ~ 295	Int32	75
GapPosition	属性间隙位置，选项：top bottom left right	ProgressGapPosition	ProgressGapPosition.Bottom
Id	属性组件 HTML 的 ID	String	Uniquely Generated ID
Class	属性为 DOM 元素指定一个或多个类名。	String	--
Style	属性指定 DOM 元素的内联样式。	String	--
RefBack	属性`一个 ForwardRef` 实例。您可以使用 `AntDesign.ForwardRef.Current` 获取对内部 DOM 的引用。	ForwardRef	--