21 Replies
Bruce Graham

Hi and welcome.

It is just 9 (?) images on 9 slides, 9 variables, and a Thermometer with 10 states, each one an image with the mercury a little higher

Every time you hit one of the numbers it goes to the text slide, then hitting "Next" resets the variable so that the next state in the thermometer list shows.

Hope that helps.


Sjoerd de Vries

he, this is a great idea to create an image with let's say 10 states. I am new to the states, si I have to dive in a little bit. But it gives me an idea to create such progress bar for the learning and with the states I can set the specific image that is displayed. Thus far I did this manually by creating an image on each slide.

Sjoerd de Vries

Here an update from my site. I atached the Storyline file with this post.

I first created 10 images that visualize the progress bar. There were a lot of topics on this. I attached my images at this topic.

Secondly I add the first image ( no progress) on the top of the slide master and add states for every image. Just create a new state and name then 10 - 100 and then replaced the empty progress bar with the different bars as you can see in the image.

I set the state with the following trigger. A trigger for each state with a condition to change the image only when a specific variable named "ProgressState" is between a range. This allows me to create a trigger on a slide that change this variable and this change the display of the progress bar.

Then I added a text box "%ProgressState% % Complete" over the buton. This will display the value in the statusbar.

Now, I closed the Slide Master and created the slides. If you want a quick solution, you create a trigger that set a specific value (10, 20. 30. 40. 50. 60, 80. 90 or 100) to ProgressState.

However, when you for example navigate from slide 1 to 2 and 3 and reach a percentage of 60% and then jump back to slide 1, the progress bar will display 20 % again (when you have 5 slides). To prevent this, I used the following solution:

For 5 slides I want to add 20 points to the ProgresState variable, only when visited once. So I needed to first to create a new variable for every Slide to store if the slide was visited. So I created VisitSlide01, VisitSlide02 etc.. Default set to false. When visiting the slide this value was set to true.

Then I added a trigger to add a number of points on the condition that the slide was not visited (false) under slide triggers:

A lot of work, but the result is that it give an actual percentage (if you calculate the correct points for each slide) based on the slides visited.  If you publish my attached demo, you will see that if you go from  Slide 1 to Slide 5 it will progress 40%. If I did it the other way, it allways displayed 100% at slide 5.

And with this solution it does not matter if the user goes back and forward.

However, it would be a nice enhancement if the visit slide value was a default variable, so you do not have to create a different one for each slide.

Wendy Bouchard

I have a quick question about progress bars in quizzes. Our final tests are question banks to randomize the questions, and we allow the users to have three tries before they have to redo the course. I have my progress bar on the slide master, and I am having a tough time resetting the progress bar on retake. Because it is on the master, there is no opportunity to select on revisit, reset the slide.

Would putting the progress bar on the actual slides prevent this? Thanks in advance.


Wendy Bouchard

Thanks Morgan

My issue is a bit more complex than I even thought.

I already have a progress tracker in my project and it works great. The ask is that for the final quiz they want a separate progress tracker. So I am struggling with having two progress trackers in the same course. And then for the quiz progress tracker, the users are allowed to take the quiz 3 times and that is where the reset comes in.


Luciana Piazza

Hi Wendy!

Thanks so much for reaching out. Sorry to hear you are running into this issue. 

I see you've opened a support case and you are working with my colleague Renato. Good call! You're in great hands!

We'll continue the conversation over in the support case. 

Hope you have a great weekend and happy developing! ✨