显示与任务相关的进度条。
¥API Reference
¥This component inherits props from the Progress primitive and supports common margin props.
¥Examples
¥Size
使用 size
属性控制大小。
¥Use the size
prop to control the size.
¥Variant
使用 variant
属性控制视觉样式。
¥Use the variant
prop to control the visual style.
¥Color
使用 color
属性指定特定的 color。
¥Use the color
prop to assign a specific color.
¥High-contrast
使用 highContrast
属性增加与背景的颜色对比度。
¥Use the highContrast
prop to increase color contrast with the background.
¥Radius
使用 radius
属性指定特定的圆角值。
¥Use the radius
prop to assign a specific radius value.
¥With controlled value
使用 value
属性提供任务进度的精确指示。
¥Use the value
prop to provide a precise indication of the task progress.
¥With custom duration
使用 duration
属性指示不确定任务的大致持续时间。一旦持续时间超时,进度条将开始一个不确定的动画。
¥Use the duration
prop to indicate an approximate duration of an indeterminate task. Once the duration times out, the progress bar will start an indeterminate animation.
当可以估算大致持续时间时,Progress 组件仍然比 旋转器 有用,因为它不会提供任何有关任务进度的视觉提示。
¥When an approximate duration can be estimated, the Progress component is still useful over Spinner, which doesn’t provide any visual cues towards the progress of the task.