Ant Design Blazor
Progress进度条
Examples
标准的进度条。
适合放在较狭窄的区域内。
会动的进度条才是好进度条。
format 属性指定格式。
标准的进度条。
带步骤的进度条。
可通过 TrailColor 设置未完成的分段的颜色
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 | -- |