跳到主要内容
Progress
用于展示进度或加载状态的组件,它可以在界面中显示当前任务的完成百分比或加载进度条,为用户提供了交互反馈和可视化内容。

基本定义

构成元素

  1. 进度展示
  2. 标题
  3. 提示信息
  4. 按钮(最多2个)

用法

什么时候使用

  • 长时间加载,且有加载过程时:比如网络速度较慢或需要加载大量的图片、视频等资源时,可以使用进度条组件来提示用户当前页面正在加载,防止用户认为页面出现了错误而关闭页面。

什么时候不使用

  • 快速的请求和响应:比如页面打开后需要接口请求,但请求时间很短、用户几乎感受不到延迟的情况下,使用进度条组件会显得多余,反而对用户产生干扰。
  • 加载过于频繁的场景:比如图片切换、动态加载数据等情况,如果加载时间短或者加载的频率较高,那么进度条组件并不能有效的帮助到用户,反而会影响用户的体验。