## 案例 Youtube 一些需要稍长加载时间的操作，会在顶部有一个加载条。 ![CleanShot 2023-11-05 at 11.11.32.gif](https://chi-1259224060.cos.ap-shanghai.myqcloud.com/CleanShot%202023-11-05%20at%2011.11.32.gif) ^b877f8 ## 资源 ### 设计 #### 下载过本地文件 200多案例和源代码 链接: <https://pan.baidu.com/s/1QNvMWoNP5N0z07fwx-z3Uw?pwd=8sgb> 提取码: 8sgb --来自百度网盘超级会员v6的分享 ![](https://chi-1259224060.cos.ap-shanghai.myqcloud.com/20230115162906.png) #### Loader. Css [https://connoratherton.com/loaders](https://connoratherton.com/loaders>) 一些 css 加载动画合集 ![](https://chi-1259224060.cos.ap-shanghai.myqcloud.com/20220420225543.png) #### Loaders [Loaders | UI Ball](https://uiball.com/loaders/) 看着也不错，都比较丝滑。可直接安装使用。 ![](https://chi-1259224060.cos.ap-shanghai.myqcloud.com/20220420225629.png) #### Whirl [Whirl: CSS loading animations with minimal effort!](https://whirl.netlify.app/) Only being able to preview one by one is a bit clumsy. ![image.png](https://chi-1259224060.cos.ap-shanghai.myqcloud.com/20230905140544.png) ### 文章 - [Loading & progress indicators — UI Components series | by Taras Bakusevych | Jul, 2023 | UX Collective](https://uxdesign.cc/loading-progress-indicators-ui-components-series-f4b1fc35339a) 质量还挺高的![image.png](https://chi-1259224060.cos.ap-shanghai.myqcloud.com/20230719232952.png)