交互模式 · 状态反馈
加载状态
Loading State
也叫:Loading、加载中、载入状态
数据或操作还没完成时给用户的反馈,常见形式有转圈图标、骨架屏、进度条和按钮加载态。
详细解释
只要有等待,就要让用户知道「系统在处理,没有卡死」。不同场景用不同形式:整块内容首次加载用 骨架屏,按内容的大致形状显示灰色块;局部刷新或短时间等待用转圈图标;耗时长且能算出进度的(如上传)用进度条;点击提交后按钮本身进入加载态,并禁止重复点击。
很快就结束的请求(300ms 以内)可以不显示加载,避免界面闪一下。加载状态还要和空状态、错误状态分开设计:还在加载、没有数据、出错了,是三种不同的画面。
跟 AI 提需求时,指明用哪种加载形式、放在哪里、加载期间哪些操作要禁用。
开发者信息术语 ID、DOM 线索、识别优先级
- 术语 ID
interaction-loading-state- DOM 选择器
- 没有 DOM 线索,这个概念不在页面上直接识别。
- 优先级
- 1 · 同一层有多条命中时,优先级高的胜出
- 版本
- v1 · 更新于 2026/09/29