How to make this kind of progress bar?

image

Hello, how can i make a progress bar like this? It like when it filled, mask the horizontal lines under vertical ones.

You can use a mix of an overlay, progress bar and image (for the background horizontal lines)


Ok there is even a simpler version
Just set the progress bar background to the horizontal and fill to the vertical

Just make sure you have tiling on and display as image

Thanks for your answer, but i want lines backgrounds blank not black


Then just make the images with transparency :slight_smile:

But then the horizontal lines are still there, not masked by the vertical lines :frowning:


Just have two opposing progress bars one that fills left to right, the other right to left

Set their values to the difference so 1 will be 0.3 the other 0.7

Set the background texture to an empty image and filled to vbar or hbar
Empty (may be hard to click because it’s a 100% transparent):
empty
Hbar:
hbar
Vbar:
vbar


1 Like

Yes, you are a magician. Thanks :star_struck:

1 Like

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.