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
The list starts with the common properties, learn more about them by visiting the Modules description section. The other available properties are described below.
| 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.