純CSS和jQuery實現(xiàn)的在頁面頂部顯示的進度條效果

純CSS和jQuery實現(xiàn)的在頁面頂部顯示的進度條效果

　　純CSS和jQuery實現(xiàn)的在頁面頂部顯示的進度條效果

　　一、純CSS實現(xiàn)

　　昨天在網(wǎng)上閑逛時，看到一個博客的頁面最頂部有一個進度條特效，感覺挺好的，就分析了一下代碼，找出了其中的.關(guān)鍵部份，使用純CSS實現(xiàn)的，給大家分享一下。

　　二、JQuery實現(xiàn)

　　一個在頁面頂部顯示的進度條效果，像在智能手機上瀏覽網(wǎng)頁一樣，手機上的瀏覽器進度條一般都在屏幕頂部，一條極細(xì)的小線條，當(dāng)頁面加載的時候，它就不斷的加載顯示進度，本網(wǎng)頁進度條特效與此十分相似，基于jquery插件實現(xiàn)的效果。