Dynamic Progress Bar
Hi Guys and Girls,
I am new to storyline so please give me if this question is easily resolved.
I would like to have two progress bars horizontally across the bottom of my module, both on top of each other.
One bar in a light grey would indicate to the user how far they are through the elearning module, this would go up and down depending what slide they are on. I think I have this working using a number variable. Each slide setting a variable (Progress) to 1, 1.1, 1.2, 1.3, 2, 2.1, 2.2, 2.3 etc.... I then have a progress bar in my master slide which has twenty five states, one state for each slide. The bar is 600px wide when the module is complete, so the bar would increment by 24px once each slide has been viewed. I then some triggers in the master stating that if the progress variable is equal to 1, 1.1, 1.2, 1.3 etc then change state of the progress bar to reflect that.
This does seem to work but does fall down if you then go back to the start then work your way back through.
My next dilemma, seems more complicated, but maybe because I am new to articulate.
My second progress bar which would appear on top of progress bar one, would be a shade of red to show how much of the course you have completed. Meaning that is would only go up if all previous slides had been viewed. This is due to the user being able to access any slide at any time via the menu. An example of this would be if a user used the menu to access slide 10, but hadn't viewed any other slide. Progress bar one would move up and indicate to the user where they currently are in the module (just under half), but progress bar two would not move. This is due to the user not viewing all previous slides (7,6,5,4,3,2,1).
The way I have this set up, is roughly the same as progress bar one, but using a different variable named SlideVisted and this is again a number variable. I then have a boolean variable (true or false) significant to each slide (SlideOneVisited, SlideTwoVisited , SlideThreeVisited ), and this is set to true when clicking the next button on each slide. Meaning once next is clicked on slide one, the SlideTwoVisited is set to true.
I then have an if statement present on each slide, setting the SlideVisited to 1, 1.1, 1.2, 1.3 etc depending on slide ONLY if all slides previous have been viewed. Meaning SlideOneVisited, SlideTwoVisited etc will be true.
I then have the same case set up in the master as progress bar to increment upwards as the variable goes up.
IM SORRY IF THIS SEEMS LIKE I AM WAFFLING ON A BIT!
ANY HELP WOULD BE APPRECIATED.
I can of course upload the story if that helps.