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.