如果进度条到达，则更改文本的颜色

Question

我被要求做这些进度栏，但看起来不可能制作它们，因为如果进度条是＆lt; 50％它是一种颜色然后是白色。如果进度条是50％，如何使文本的一半白色和一半颜色？如果进度条停在数字的中间怎么办？我想到的唯一解决方案是将文本设置为黑色，但在设计中可能看起来不太好。任何sugestions？

Answer 1

您可以使用两个放在彼此上方的div。一个是框架，另一个是进度条。

或者您已阅读此article

Answer 2

我会通过在HTML中添加文本（假设HTML允许它）以及将其保持在当前位置之外的方式来实现此目的。

使用CSS然后按下文本，使其完全位于彩色文本上，但样式为白色，这样就可以改变文本的错觉，但是当文本扩展时，白色文本会被简单地显示出来。这有意义吗？