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.

36 Replies
Georg Volmer

Hi Diane, sorry, when i posted before, it was with the wrong account, then when i tried to post with the right account, the post got reported. I hope that this third post will now show up. To your first questions: No it's not limited to one scene. It works with multiple scenes. I've attached a file where i split the slides into two scenes. Then i went to: View TabSlide Master: Then i clicked on the very first Slide of the slide master and in the trigger panel i changed the conditions of all triggers that are associated to the Progress bar. Because now i want to display the progress in the individual scene that the learner is currently viewing, i changed the conditions from "if "Menu.Progress"..." to "if "MenuSection.Progress" ...". Why did i use MenuSection.Progress and not Scene.Progress? With MenuSection.Progress only slides that are in the menu will be counted. This helps me, when i want to exclude a slide from the count. Then i just delete it from the menu. For example, when i use a menu slide in the beginning, that i don't want to have counted.

Your second question: displaying the progress for each scene individually is a bit tricky, because the built in progress variables work with the currently shown scene/MenuSection. I will try to think of a solution, but it will probably contain a lot more triggers and work, especially if slides are deleted or added later on. 

Well i hope, at least i was able to help you with your first question. So please let me know, if my instructions and the attached file were helpful to you. Cheers, Georg

Katie Osborne

I have a question - I have a progress bar that I set for the project.progress but one part is a real-life exercise and in fact you don't click on all the slides which means that if you do well then you only get to 70% completion.  The same is true for menu.progress as it works as a percentage.  Is there any way around this?

Karen B

I have followed the instructions, but I am not seeing the progress bar on my slides, I would want them to show on all the slides (I assume it should). Also, does the Menu have to be turned on? We don't generally turn on the menu as it tends to be problematic when we post it (we do not have a LMS at this time, we post on the web).

Georg Volmer

Hi Chris, with this approach your progress bar will fill up when the learner moves through your slides. But it will not shrink when the learner moves backwards. The variables are just set up that way, which i think is a good thing, because i wouldn't want a learner to loose progress just because of looking something up in previous slides.