Invert Text Color when Progress Bar fills up

Godot Version

4.3

Question

Hi, I would like to create a progress bar that has text that will change color when the progress bar is being filled up like so (not necessarily inverted):
2025-02-23 17_12_48-Window
The text is dynamic so i’m pretty sure the texture progressbar is out. I’ve spent some time on this but I can’t figure out how to do. Any help would be appreciated.

I’m not sure if you can easily do it directly, but an easy fix would be to use text in one color with an outline in the other.

At worst (and yes, this is a bit of a hack) you could do two bars with the same text, one on top of the other. The top one would be one color, the bottom the other, and you use a viewport (or something else that will clip) to hide the appropriate section of the top bar.

1 Like