跳到主要内容

Progress 进度条

向用户提供有关任务、工作流或系统完成百分比的反馈。


开发说明
  • 只是样式上的变化。
  • 线形进度条

    以线形表示进度的组件,可以选择性地配有文字或图标补充显示进度和状态。多用于信息量较为丰富的情况。

    环形进度条

    以线形表示进度的组件,环内可选择性地配有文字或图标补充显示进度和状态。多用于需要强调进度百分比的情况。

    设计指南

    • 当某操作需要较长时间才能完成(可能超过 4 秒),需要给用户完成任务的明确预期时。
    • 当某操作在后台运行,需要显示该操作的实时进度时。

    设计布局

    • 展示整个页面加载进度时,通常进度条放置在页面正中间。
    • 展示页面局部数据变化进度时,进度条组件放置在对应局部区块内。