35個漂亮的進度條設計
2013/1/12 16:38:43來源:前端觀察
網(wǎng)頁中常常會在頁面/內(nèi)容沒有完整加載前給一個進度提示,通常最簡單的做法是給一個loading的gif動畫圖片,比如最常用的“菊花圖”。進度條是另一種表現(xiàn)方式,比菊花圖提供更多的信息,也有更豐富的表現(xiàn)。
通常,之前進度條會更多的用在桌面程序或網(wǎng)頁中flash加載過程中顯示,而現(xiàn)在,基于HTML5的web app特別是web game有時候也需要使用進度條來表現(xiàn)加載狀態(tài),它的最大作用是給用戶一種心理暗示,告訴他大概需要等待多久。所以,進度條設計是讓用戶耐心等待你的應用/頁面加載完的關鍵。
下面是一些非常漂亮的進度條設計,看著這些漂亮的界面,我想大部分人都不會介意多等待一會兒~~
Chubby Loading Bar
Colourful Progress Bars
Dark Loading Bar
Dark Progress Loaders
Circular Progress Loader
GUi Loading Bar
HUD Progress Bar
Minimalist Loading Bar
Modern Progress Bar
Pretty Progress Bar
Percentage Progress Bar
Simple Bar
Time Progress Bar
Progress Pop-Up
Radial Progress Display
Thin Rugged Loading Bars
Futuristic Progress Bar
Subtle Progress Bar
Progress Bar
Coloured Progress Bars
Circular Progress Bars
Clean & Simple Loading Bar
[教程作者:admin]
免責聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://pkvc.cn/tutorial/deBeautiful-Progress-Bars.html
本文地址:http://pkvc.cn/tutorial/deBeautiful-Progress-Bars.html
這些是最新的
最熱門的教程