顶部进度条指令｜Indeterminate推进条纯CSS

顶部进度条（Indeterminate Progress Bar）以一条贴顶的细线暗示「加载进行中」，比无限转圈更具进度感，常用于路由切换与整页加载。下图为效果示意。

效果示意：

完整提示词（积分解锁）

本效果的完整 AI 生成指令、React / Vue 框架变体与配套文档，需积分解锁后查看。复制后粘贴到任意 AI 编程助手（Cursor / Claude / ChatGPT / 通义等）即可直接生成对应组件。

更多 loading 系列：骨架屏 / 旋转圈 / 进度条 / 跳动三点 / 波浪 / 脉冲 / 渐显。

微信扫码打开小程序