web中loading的几种方式

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/Mr_YanYan/article/details/83379754

大体可分为三类，分别为菊花图类、顶部进度条类、skeleton screen(加载占位图)

---

菊花图 -----【适合整个页面一起呈现，保持数据的连贯性】

• loading菊花图
  

• 百分比
  

• gif动画

顶部进度条 ----- 【适合PC网站的数据加载，实际进度需要与后台进行搭配，常与菊花图配合使用】

• 顶部进度条
  

skeleton screen

• skeleton screen【常见的地方新浪微博、知乎，适合在mobile端使用，增强用户感知体验】