In a turn based game I'm building you manage a few resources, two of which are related.
- Speed: a frequently changing value that you consume over the course of a turn as you act.
- Endurance: a rarely changing (but it does change) value that indicates how much Speed you will regain at the start of the next turn.
I'd like to indicate both with progress/health bars (or some other similar UI) so their values are glanceable. I'd also like to clearly indicate the relationship between them: Endurance indicates how much Speed you'll regain next turn.
Here's what I have so far (next to the only other progress bar here for context). What I tried was to have the related bars touching, and to have the Endurance bar have a width that shows it's proportion to the Speed bar. I don't think this communicates it clearly though, it's not obvious why the Endurance bar is shorter.
Can the alignment be adjusted to make this relationship clearer? Can making them share the same bar somehow make it more clear without losing track of Endurance as it's own separate resource? Are progress bars in general just not the right solution here?