进度指示器

进度指示器是以圆形方式显示流程长度或未指定等待时间长短的界面元素。

使用进度指示器显示任务已完成的比例。为显示进度,指示器会沿圆形轨迹顺时针方向动画显示。
您可以将进度指示器应用于播放按钮等组件。

构成

使用进度指示器显示任务已完成的比例。为显示进度,指示器会沿圆形轨迹顺时针方向动画显示。
您可以将进度指示器应用于播放按钮等组件。

设计建议

带间隙的进度指示器


创建带间隙的进度指示器,为时间等重要信息留出空间。要创建间隙,请更改进度指示器的 startAngle 和 endAngle。

小型进度指示器


创建带间隙的进度指示器,为时间等重要信息留出空间。通过更改进度指示器的起始角和结束角来创建间隙。

不确定进度指示器


当用于没有固定时间的情况时,使用带有动画值的不确定进度指示器。这也可称为加载指示器。请谨慎使用加载指示器,因为它们可能会增加用户的感知等待时间。

使用

自适应布局

响应式行为

进度指示器的周长按比例填充屏幕/元素(按钮上的)的宽度和高度,而笔触宽度在所有断点上保持不变。

全屏的间隙角度保持在 51°,但扫过的角度(以 dp 为单位)会根据屏幕尺寸增加。
环形宽度以及起始点和结束点均可自定义。