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
This post was removed by the author
This post was removed by a moderator
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 Tab → Slide 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
Thanks so much Georg for taking the time to do this. I'll come back to it when I'm a bit more experienced as I can't get that to work at the moment - could be my inexperience with slide masters! I'll bookmark this for future reference :)
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?
Thank you, I'll have a look :)
Great question, Katie! I believe you can exclude certain slides by going to the Insert tab, clicking on Slide Number, then Exclude Slides. From there, you can de-select the slides you don't want to include in the count. Here's a screenshot for reference:
I hope that helps!
Hey Sarah! thanks for that it works exactly as I want.
This post was removed by the author
I'm happy that helped! 🙂
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).
Hi Karen, if you’re willing to post your .story file, i could take a look. And no the menu doesn‘t have to be turned on.
I seem to be getting it to work across multiple scenes ok, but it only seems to work one way. When I move back to previous slides, the progress bar stays in the same position. It looks like I have all the triggers setup correctly (see image). Can you see anything missing?
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.