1. 程式人生 > >web中loading的幾種方式

web中loading的幾種方式

大體可分為三類,分別為菊花圖類、頂部進度條類、skeleton screen(載入佔位圖)


菊花圖 -----【適合整個頁面一起呈現,保持資料的連貫性】

  • loading菊花圖
    在這裡插入圖片描述

  • 百分比
    在這裡插入圖片描述

  • gif動畫

在這裡插入圖片描述

頂部進度條 ----- 【適合PC網站的資料載入,實際進度需要與後臺進行搭配,常與菊花圖配合使用】

  • 頂部進度條
    在這裡插入圖片描述

skeleton screen

  • skeleton screen【常見的地方新浪微博、知乎,適合在mobile端使用,增強使用者感知體驗】
    在這裡插入圖片描述