Hello, everyone. I need to make 2 progress bars. At the intersection of these bars, you need to change the color.

Development Programming & Scripting Blueprint
, ,
1

At the intersection of these bars, you need to change the color. Can you help me which way to look to realize this?

image
image1054×117 32.7 KB

Here’s an example of what it should look like. I would be grateful for your help. Perhaps there is already an implementation, I will also be grateful for the direction.

2

What is the functionality of this bar? Is it meant to be dynamic? If it is meant to be dynamic, how fluent should the movement be?

I ask because functionality would determine how I’d implement this. I assume the gold part moves left and right and the blue / red expands or shrinks depending on the way the bar moves?

3

I’m sorry it took me so long to respond. Well, functionality is not so important here. Now we need to make a UI that looks correct…
there are 2 bars… if they intersect, then a golden bar should appear in this fill…

4

No worries,

So I guess the reason why I ask functionality is to get a little bit of a better idea of what you’re looking to accomplish.

Specifically I’m a little confused about the overlap / intersect bit. I’m trying to visualize how this would look like with 2 bars as opposed to a single bar with a red bg and a blue fill and whatever progress percent you have is effectively the overlap. If I can understand what you mean here then perhaps I can help a bit more with how to fill the center of the overlap