Documentation
Lesson Progress
Description
Lesson Progress enables you to insert a ready-made Lesson progress bar indicating the percentage progress made in a lesson 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 in a lesson. |
Show Checks | Shows how many times a user has checked the correctness of given answers. |
Show Correct Answers | Shows the number of correct answers. |
Show Errors | Shows the number of errors made at this time. |
Show mistakes | Shows the number of mistakes made when the activity was being checked. |
Show All Answers | Shows the maximum score obtained in a lesson. |
Supported commands
Command name | Params | Description |
---|---|---|
hide | --- | Hides the Addon. |
show | --- | Shows the Addon |
getLessonProgress | --- | Returns lesson progress. |
getLessonScore | --- | Returns lesson score. |
getLessonMaxScore | --- | Returns max lesson score. |
getLessonMistakes | --- | Returns the number of all mistakes made in lesson. |
getLessonChecks | --- | Returns the number of checks. |
getLessonErrors | --- | Returns the number of errors made in a lesson. |
Class name | Description |
---|---|
.lesson-progress-container | DIV element being container for Addon elements |
.lesson-progress-container .progress-bar-container | DIV element being container for bar elements |
.lesson-progress-container .progress-bar | DIV element containing progress bar |
.lesson-progress-container .progress-text | DIV element containing text in progress bar |
.lesson-progress-container .progress-box | DIV elements for Correct, Max Score, Mistakes, Checks and Errors boxes |
Example
1.1.Lesson progress — progress-bar
.lesson-progress-container .progress-bar {
background-color: #3CC6CD;
position: absolute;
height: 50px;
border-radius: 5px;
}
Demo presentation
Demo presentation shows examples on how to use the Lesson progress addon.