User Experience Stack Exchange is a question and answer site for user experience researchers and experts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I currently have a web form that is designed for full screen desktop/laptop/tablet displays. As it is a multi-step form, there is a progress progress tracker at the top of the page, highly designed and taking up the full width of the page.

I'm now looking at making the form mobile friendly and looking at the best way of making the tracker mobile friendly. Is there a best practice route for progress trackers on mobile screens, or anyone know of examples of good UX design in this area?

share|improve this question
i used a good approach to my designs for a recent project and it was sleek and cool, i think you should implement it.. Jquery Circle Prograss bars..... go though the tutorials and see, very clean, flexible and efficient... – Andaeiii Aug 4 '15 at 12:04
interesting... maybe i post my approach, how i utilized the link rite... – Andaeiii Aug 5 '15 at 10:49
up vote 9 down vote accepted

Since horizontal space is limited, a vertical progress tracker might scale well in a mobile device as shown below.

enter image description here

If the number of steps you have is less you can still keep a horizontal progress tracker but remove the text below it and use the title text as an indicator as shown below

enter image description here

That said I am not a big fan of this since there is no textual indicator what the previous steps were.

Another alternative is how this USCIS tracks a multi page entry

enter image description here

share|improve this answer
Nice ideas - thanks – John Mar 13 '14 at 10:31
I dig these options! Great answer! – SerenS Aug 4 '15 at 19:28

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.