Html 如何使用svg掩码更改动态进度条填充中的文本颜色?

Html 如何使用svg掩码更改动态进度条填充中的文本颜色?,html,svg,progress-bar,Html,Svg,Progress Bar,我有一个进度条svg,其中填充颜色和文本颜色需要根据进度级别动态更新。类似于 从这个代码笔: 看来我的面具根本不起作用,只是在堆积SVG?背景绿色填充结果与预期一致,顶部为白色文本,但绿色填充未覆盖的文本我希望为绿色。非常感谢您能帮助我们了解这里发生的一切 进度条 50% 进度条 50%

我有一个进度条svg,其中填充颜色和文本颜色需要根据进度级别动态更新。类似于

从这个代码笔:

看来我的面具根本不起作用,只是在堆积SVG?背景绿色填充结果与预期一致,顶部为白色文本,但绿色填充未覆盖的文本我希望为绿色。非常感谢您能帮助我们了解这里发生的一切


进度条
50%
进度条
50%