项目中,一般用于业务办理的进度条,设置背景色,纯背景色可以直接设置,如果是渐变色,那使用line-gradient渐变特性就需要设置渐变的位置了入下图 方法一.直接在进度条轨道上面再加一个元素,用于设置渐变进度条,进而控制这个元素的长度值,可以实现 2.方法二,就是使用line-gradient 的位置参数 background: linear-gradient(#f00 0%,#ff0 50%,#0f0 100%); 此时,如果想实现以上效果图,就用设置位置达到100%,不能只设置其中的一段,…