web中loading的几种方式

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

---

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

• loading菊花图
  

• 百分比
  

• gif动画

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

• 顶部进度条
  

skeleton screen

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

详细的skeleton资料：https://cloud.tencent.com/developer/article/1006169
前端骨架屏小结：https://juejin.im/post/5bc5396ee51d456f490984eb