How to hide a bootstrap progress bar in Storyline
May 12, 2019
Hello. I found a nice tutorial on here about how to add a bootstrap progress bar to my storyline file. However in my current project, I have a need to hide it after I move on to another section of our module. I've tried some different javascript and jQuery, but have had no luck. Wondering if someone on the forum with a little more javascript knowledge than me could take a look at the file and see if it is possible to hide the progress bar once it has been created. Any help is much appreciated.
The zip file contains the storyline file and the bootstrap css and javascript files. These two need to go into the "External_files" folder after publishing.
Thanks.
-Shawn
1 Reply
Hello Shawn,
To hide the progress bar add the hidden class:
$(".progress:eq(0)").addClass("hidden");
And to show the progress bar you can remove the hidden class:
$(".progress:eq(0)").removeClass("hidden");
This discussion is closed. You can start a new discussion or contact Articulate Support.