Loading spinner 加载指示器
/LOH-ding SPIN-er/ · noun · 反馈类模式 · #073
一直转个不停的圈，只表达“正在处理”，别的什么也不说。一两秒内没问题；再久，人们就想知道还要等多久——那就该换成进度条或骨架屏。
别名：加载转圈、加载图标、加载动画。
你可能会这样叫它
- “转圈圈的加载符号”
- “加载中图标”
- “一直在转的圈”
- “加载转圈”
- “菊花图”
……它的名字是 加载指示器（Loading spinner）。
常见问题
转圈圈的加载符号叫什么？
叫加载指示器（Loading spinner），俗称“加载转圈”，开发圈里也叫“菊花”。Apple 官方叫 activity indicator，Material Design 叫 circular progress indicator（圆形进度指示器）。
加载动画的英文叫什么？
转圈的那种最常叫 loading spinner；Apple 叫 activity indicator，Material Design 叫 circular progress indicator。灰色占位块那种叫 skeleton screen（骨架屏），横条叫 progress bar（进度条）。
加载中三个点什么意思？
意思是还在加载，请稍等。那三个依次跳动或闪烁的点（loading dots）和转圈的图标是一类东西，都是加载指示器：只说明“正在处理”，不说明还要多久。聊天里对方名字下面跳动的三个点不一样，那是“对方正在输入”的提示。
代码里叫什么
| SwiftUI | ProgressView() |
|---|---|
| UIKit | UIActivityIndicatorView |
| Jetpack Compose | CircularProgressIndicator |
| Android (Views) | CircularProgressIndicator ProgressBar |
| Flutter | CircularProgressIndicator CupertinoActivityIndicator |
| Web (HTML / ARIA) | role="status" aria-busy="true" |
复制给 AI 编程工具
在这个请求进行时显示加载指示器：在内容将要出现的位置居中放一个小转圈，只有加载超过约 300 毫秒才显示，避免快速返回时一闪而过。在 role="status" 区域里放一段无障碍文字“加载中…”，把正在加载的区域标为 aria-busy="true"，并尊重 prefers-reduced-motion。如果等待可能超过几秒，改用进度条或骨架屏。