例如，如果我有一个包含两列和 2 行的表：
Col1 Percentage
50 50%
70 70%
如何用代表 COl1 值的颜色填充百分比列？像这样的东西：
您可以使用具有两个紧接着的停止点的线性渐变：
.percentageFill{
height:30px;
background: -webkit-linear-gradient(left, #efe3af 75%,#ffffff 75%);
background: -moz-linear-gradient(left, #efe3af 75%, #ffffff 75%);
background: -ms-linear-gradient(left, #efe3af 75%,#ffffff 75%);
background: -o-linear-gradient(left, #efe3af 75%,#ffffff 75%);
background: linear-gradient(to right, #efe3af 75%,#ffffff 75%);
border:1px solid black;
}
<div class='percentageFill'>75%</div>
请记住，许多浏览器/版本需要供应商前缀linear-gradient.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
