ARTICULATE STORYLINE 360: Slides Numbers and Percentage Completion Rates

We do a ton of eLearning development in Storyline. A recent client asked if there was an easy way to add a percentage complete area on each slide so the learner quickly knew how much content remained to be viewed. Thanks to a fairly recent addition to Storyline 360, adding such a feature to a project is simple (it's also easy to add slide numbers).
 
If you'd like to follow along with me, create a new Storyline 360 project and insert 10 slides from the Content Library. (I went with the Affinity template but you can use any of the templates.)  Each of the slides in my sample project are represented in the menu shown in the image below (at the left).
 
 
To add the slide numbers and percentage completion, I went to the parent master slide (View > Slide Master), inserted a text box and typed the phrase: of . | You’ve completed of the lesson.
 
 
Still working on the slide master, and with my insertion point to the left of the word "of," I went to the Insert tab on the Ribbon, Text Group, and clicked the drop-down menu next to the Slide Number icon.
 
 
I selected More options and the dialog box shown below opened. From the Insert drop-down menu, I selected Slide number in menu.
 
 
I repeated this process two more times. On the second pass, I added Total slides in menu to the left of the period. On the third pass, I added Progress through menu (%) after the word "completed.".
 
The text box on my master slide looked like the image below.
 
 
When I previewed the scene, this was the result.
 
 
Because I added the text box to the parent master slide, the text appeared on every slide in the project. Alternatively, the number can be added to a text box on a layer (and use triggers to make the layer appear or disappear based on what the learner does throughout the lesson).
 
***
 
Looking for Storyline training, consulting, mentoring, or development? We've got you covered. Give us a call at 877.754.2662. We've got an awesome collection of live, online classes. You can learn more here.

Leave a Reply

Discover more from The Logical Blog

Subscribe now to keep reading and get access to the full archive.

Continue reading