Progress bar in Articulate Storyline: Easy solution, using only one built-in variable

Hey everyone, I have created a video on how to create a progress bar in Storyline 360 - using only one built-in variable. I'm using the built-in variable Menu.Progress in the slide master.

Prior to recording this I only found solutions where you add triggers on the slides where you want your progress bar to fill up. You needed an extra variable to keep track of your progress and you would also have to put some kind of check in place, so that the progress bar doesn't fill up if you revisit a slide. If you create your progress bar this way, you have to make many adjustments when you add or delete slides in your project. 

What I found is that you can use the built-in variable Menu.Progress to get rid of this hassle. I wanted to share this with you because I think it saves a lot of time in production and maintenance of your course.


12 Replies
Georg Volmer

Hey Wendy, i can think of to ways to achieve this:

  1. Using the variable Scene.Progress instead of Menu.Progress. Put the Home/intro page into one scene and all the other slides into a second scene. On the first slide the progess bar will be at 100%, but you can hide it, just by putting an object in front of the bar. On all the other slides the progress will be shown, just the way you described.
  2. Very similar: Using MenuSection.Progress instead of Menu.Progress. Put the Home/intro page into one scene, with no other slides in it. Go to PlayerMenu. Here you will need two headings: The heading of the first scene and the heading of the second scene. All the other headings can be deleted (KEEP the item's children). Now you demote all the slides so that they are all lined up under the second heading. The Progress bar will now function the same way as described above. You just get to keep your scenes in storyline.