背景前景对比文本颜色
我有一个栏按百分比值着色。
部分文本对用户不可见，因为它是白色的并落在白色部分。 如果我选择它，我可以看到它，但不是以其他方式 -
在CSS中显示文本与背景颜色相反吗？ 也许一半的文本是白色的，一半的文本是黑色的，所以用户可以看到它们。
我会做这样的事情：
.progressbarContainer
{
position: relative;
width: 100px;
height: 15px;
background: #ff00ff;
}
.backText
{
position: absolute;
left: 0;
color: black;
}
.frontText
{
position: absolute;
left: 0;
color: red;
}
.progressbar
{
position: absolute;
width: 14.34%;
height: 100%;
background: blue;
overflow: hidden;
}<div class="progressbarContainer">
<div class="backText">
14.34%
</div>
<div class="progressbar">
<div class="frontText">
14.34%
</div>
</div>
</div>