加载器

一个指示器，用于显示任务的进度，例如加载、卸载、处理等，直到界面准备好供用户交互为止。该指示器不显示可衡量的进度，而是表明进程尚未完成，仍在进行中。

应用

✅ 何时使用

当加载时间超过 300 毫秒时。加载器不应在极短的时间间隔内显示，因为这会导致闪烁，可能让用户感到不适。如果您选择显示加载器，请避免闪烁效果。如果加载时间少于 300 毫秒，则不显示任何内容。
当内容类型无法预测时。
当使用加载器进行异步加载时，应将其显示在加载发生的确切位置。单个元素的加载不应阻塞界面的其余部分。

🚫 何时不使用

如果加载时间超过 10 秒且确切的持续时间已知，则应显示进度条。
如果内容类型可以预测，请考虑使用骨架屏。
当加载由按钮点击触发时，使用按钮的状态作为反馈就足够了，尤其是在模态窗口中。

尺寸

S — 基本尺寸。用于输入框、弹出窗口、表格单元格和其他空间有限的区域。
M — 中等尺寸，用于卡片和表格。
L — 大尺寸，用于整个页面和大型模态窗口（对话框）。

应用示例

当内容尚未显示时。
如果内容正在更新或修改，则覆盖在内容之上。以下是如何在内容之上使用加载器：

内容透明度 30%
如果有空间，请尽量避免将加载器覆盖在内容之上。
如果提示提供了有用的信息，例如对正在进行的进程的解释，则可以包含它。由于加载器已经向用户表明正在加载，因此不需要额外的说明。