I’m looking to make a step UI where icons are shown and change color as the user steps through the process. This is easy by itself, but what I really want for the “look” is a line that connects each of these icons. See this picture for an example.
I can get this to work with an XY Panel and a Canvas element for the line. But this will really break responsiveness. Any other ideas?
Here is an example of what I have with the XY Panel. On a smaller screen the third icon just flows over the side.
Is the right idea to make this for each group of screen sizes and select based on screen width?