Forum Discussion

OwenHolt's avatar
OwenHolt
Super Hero
8 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
7 years ago

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