Css進度條

linear-gradient(angle/direction, color stop, color stop, ...);

一個線性漸變可以由多種顏色組成。除了指定顏色的方向和角度之外，linear-gradient()接收一組color stop作爲參數。color stop由一個顏色和一個可選的顏色位置組成：

<div style="width: 100px; height: 5px; 
overflow: hidden; border-radius: 2px;
background: linear-gradient(to right, #F55287 20%, #38536C 0%);"></div>

預覽：