Scrollable Progress Bar

francis shared this question 4 years ago
Answered

Hi,


When a user is scrolling down on a web page I need to prototype a progress bar that will anchor onto the page and scroll down as well.


Is there way of doing this using Just In Mind.


An example of this is on the below website (Motor Insurance - Quote Summary)


https://marksandspencer.insure-system...


Thanks


Fran

Comments (6)

photo
1

Hi Fran,


do you refer to do something like this example?


https://www.justinmind.com/usernote/t...


If yes, you can do it by using templates. What I have done is:


1. Create the template for the last screen and create six empty screens. Then I linked each "state" label with the related screen (state 1 = screen 1, etc.)


2. Duplicate the template as many times as states I want. In this case, 6 templates in total. Edit each template with the look and feel that you want for each state.


3. Go to each screen and change the template in the properties tab.


I hope it helps.

photo
1

I'm sorry, I might not have explained this correctly, I'll try again.


I have a progress bar at the top of the screen (Desktop), and I want to have a right hand panel that becomes static when the user is scrolling down the screen, i.e. A customer is answering questions on a form, at the right hand panel becomes static as the user navigates there way down the form.


I've seen other users asking the same question but that was 7 months ago so I was hoping there might be a better way at doing this

photo
1

Could you test it again and tell me if it's what you are expecting?


https://www.justinmind.com/usernote/t...


Regards.

photo
1

Hi Albert,


That's kind of what I was expecting but without the scroll bar. The prototype I'm building has a progress bar at the top of the screen and because the form is so long it also has one at the side.


Is there a way I can make the below panel static without having the scroll bar appear?


Thanks


Fran


a098925844e840ad31b392187aebff33

photo
1

Hi Fran,


I was thinking to solve your case using another option. Here's the example:


https://www.justinmind.com/usernote/t...


Tell me if it could adjust more what you are expecting.


Regards.

photo
1

The prototype is not available anymore