Forum Discussion

OwenHolt's avatar
OwenHolt
Super Hero
7 years ago

Bootstrap Progress Meter

I recently discovered some progress meters on the w3schools.com website and wondered if I could leverage them in a StorLine project. The meters are part of a library of code called Bootstrap. I had ...
General E-Learning
njeanneLapointe's avatar
njeanneLapointe
Community Member

Hi,

Any adaption for Storyline 2?  I am in the middle of development and I don't want to upgrade during this crunch time.

OwenHolt's avatar
OwenHolt
Super Hero
7 years ago

StoryLine 2 instructions to place this in the top of the player:

In step 2 of my original post...

  1. locate the following line of code
    $("div.controls-group").after(progressBar);
  2. and replace it with this one
    $("#timer_section").after(progressBar);

Everything else stays the same but please remember that this will only work in the HTML5 document, it does not work in the default Flash file.

 

StoryLine 2 instructions to place this in the bottom of the player:

The following will place the meter at the bottom of the page but ONLY if you are not using the built in slide progress meter.

In step 2 of my original post...

  1. locate the following line of code
    $("div.controls-group").after(progressBar);
  2. and replace it with this one
    $("#control-progress.controlbar-button").after(progressBar);

Everything else stays the same but please remember that this will only work in the HTML5 document, it does not work in the default Flash file.

Related Content