模仿也是提高，純css小技巧實現頭部進度條

剛開始的時候我也覺得不可能，但是就是這麼神奇，總有大神給你意想不到的驚喜。 快來感受一下把。（仔細看看頭部黃色條的變化）   思考一下啊，怎麼出現的那，其實作者使用了一點小技巧，那就是背景色漸變和遮擋產生的視覺效果。 再來欣賞一個圖片，大概你就明白了。   看到了把，其實就是內容區域的背景色的漸變黃色部分，然後蒙層遮擋住露出頂部5px，顯示背景色，產生的進度條效果。來代碼 <style>

>>阅读原文<<