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>

预览：