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.
