Progress bar preview next upgrade

Hi
How would I display a preview on the progress bar of the next upgrade? When hovering over the selected item it should display the next upgrade value in a different colour to the current progress bar which shows the current value. I get the current value of the upgrade and set the percentage of the progress bar. If I wanted something like the below is there a way to set the colour of a specific section of the bar or would this need to be 2 different bars or maybe another method?

No, you can’t. You can try overlay 2 diffrent progress bars.

2 Likes

As above, or hear me out:

But a progress bar already works like that, no?

Alternatively, you can drop any number of borders into a horizontal box:

And adjust Fill:

The above is set to 0.6 | 0.1 | 0.3 so they add to 1.0 for best consistency.


There is a good chance I completely misunderstood what is needed, though.

Interesting idea with the borders but like shunitzo said, what I want can probably only be done with 2 thanks for this method tho, I would never have thought of that. I need a progress bar that is always there but set to 0 by default, then when hover show what it would look like if you upgrade and then when you upgrade that stat, fill the bar to what the preview showed. My initial thought was 2 bars just wanted confirmation more than anything :slight_smile:

1 Like

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