A custom progress bar 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.
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 […]
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 […]
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 […]
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, […]
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.
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 […]
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 […]