Documentation

Page Progress Panel

Description

Page Progress Panel enables you to insert a ready-made page progress bar indicating the percentage progress made on a page together with correct answers, checks, maximum score and errors/mistakes. It is possible to enable or disable each of these properties.

Properties

Property name Description
Show Progress Bar Progress bar that shows the percentage progress made on a page.
Progress Bar text Label for a progress bar.
Show Correct Answers Shows the number of correct answers.
Correct Answers text Label for a number of correct answers.
Show All Answers Shows the maximum score obtained on a page.
All Answers text Label for a number of maximum points.
Show mistakes Shows the number of mistakes made when the activity was being checked.
Mistakes text Label for a number of mistakes.
Show Checks Shows how many times a user has checked the correctness of given answers.
Checks text Label for a number of checks.
Show Errors Shows the number of errors made at this time.
Errors text Label for a number of checks.

Supported commands

Command name Params Description
hide --- Hides the Addon.
show --- Shows the Addon.
updateMistakes --- Updates the mistakes counter.

CSS classes

Class name Description
.page-progress-panel-container DIV element being container for Addon elements
.page-progress-panel-container .progress-bar-container DIV element being container for bar elements
.page-progress-panel-container .progress-bar DIV element containing progress bar
.page-progress-panel-container .progress-bar-container .text DIV element containing the name of progress bar box
.page-progress-panel-container .progress-text DIV element containing score in progress bar
.page-progress-panel-container .progress-box DIV elements for Correct, Max Score, Mistakes, Checks and Errors boxes
.page-progress-panel-container .progress-box .text DIV elements containing the name of Correct, Max Score, Mistakes, Checks and Errors boxes
.page-progress-panel-container .progress-box .value DIV elements containing the values of points, max score, mistakes, checks and errors

Demo presentation

Demo presentation shows examples on how to use the Lesson progress addon.