Use a slider as progressbar

Jul 03, 2019

With the newe Built-In variables (see also https://community.articulate.com/discussions/articulate-storyline/new-in-storyline-360-slide-numbers?page=3#reply-610329) it is much easier to use a slider as a progressbar.

How does it work?

  1. Place a slider on the masterslide;
  2. Replace the thumb fill with an image of a rectangle;
  3. Make the slider track transparent;
  4. Mask parts of the screen with rectangles of png-images (preferable);
  5. Use the Scene.SlideNumber variable to move the thumb of the slider.

You can see different examples in this project. In the first three examples you must adjust the slider properties when the number of slides in a scene changes. The last example is a generic solution for 1 - 100 slides in a scene and needs some calculation (explained in the example).

3 Replies

This discussion is closed. You can start a new discussion or contact Articulate Support.