Tag Archives: progress bar

Remove svg tag from a shape object.

July 26, 2017

I have created my own progress bar for media in my courses using a shape object that is resized using custom javascript. function myProgress() { var media = document.getElementById(Var_playingAV.getValue()); var pBar = document.getElementById(“shape390712”); var svgTag = pBar.getElementsByTagName(“svg”); svgTag.remove(); media.ontimeupdate = function(){ var media = document.getElementById(Var_playingAV.getValue()); var pBar = document.getElementById(“shape390712”); var value = 0; var currentPos […]

Animated Progress Bar Chart Interaction (RCD)

June 7, 2016 0 comments

This interaction is an animated bar chart which uses Progress Bars and the Step Progress action to animate the bars of the chart. In this interaction, you need to click the “year” buttons to animate the bars of the chart. But it could be easily modified to eliminate the buttons and simply have the bars animate […]

Custom Progress Bar Actions

December 8, 2015 0 comments

Custom progress bars may be used for many things including showing progress in a non-linear title or as a visual reference for any number of things. You can associate a variable with a custom progress bar and use the Step Progress Bar Position action to determine what direction the bar will move.

Flashcard Interaction

May 20, 2015 10 comments

This flashcard interaction chooses a random card from the deck and presents it to the learner for each iteration until all cards have been viewed. The learner can flip each card over and self score the card. A custom progress bar keeps track of how many cards the learner knows for each round. To use a […]

How-To Course: Progress Bars

May 12, 2015 0 comments

Progress Bars can be used for a variety of different purposes in a Lectora title. From basic Progress Bars designed to indicate student progress through a course or chapter, to revealing graphic images, Progress Bars are limited only by your imagination. In this course, you will learn to create Progress Bars using the title’s pages, […]

15. Menu, Status Indicators, Progress Bar

May 11, 2015 0 comments

Lectora’s menus, status indicators, and progress bars are great ways to give your learners a visual cue as to where they are in a course.

Displaying Variable Values Examples – Complex

May 8, 2015 0 comments

This library object contains 3 interactions that demonstrate different ways that the values of variables can be displayed on the page. This version contains the more complex interactions. To use a Lectora Desktop Library Object (.awo), simply drag and drop the .awo file into the open Lectora application and it will expand in the Title […]

Displaying Variable Values Examples – Simple

May 8, 2015 0 comments

This library object contains 3 interactions that demonstrate different ways that the values of variables can be displayed on the page. This version contains the simpler interactions. To use a Lectora Desktop Library Object (.awo), simply drag and drop the .awo file into the open Lectora application and it will expand in the Title Explorer […]

@