Feedback/advise for my stepped progress bar
I'm building a tool that has assignments and I want to indicate what step in the assignment the user is on with a stepped progress bar. I designed the progress bar like this with the idea that an assignment will probably have around 3 to 5 steps, but what if there are more steps in some rare occasion... If there are more than 5 steps the progress bar gets too full and it doesn't look good.
What can I do with this progress bar when there are too many steps?
I was thinking about doing the pagination thing where you put the ... in some of the steps but any other ideas would be appreciated.


4 Replies
You could just have a single dot with numbers increasing.
If you wanted to go a step further it could have an outline that works it's way round the more you do.
I see what you mean.
I found this image on Google ,something like that could work.

yeah that's pretty good, that would work really well with animations getting filled up.
A way to click it and for it to show the map would be good 👍