Xerte Community Documentation

User Tools

Site Tools

Trace:
progressbar

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
progressbar [2026/02/09 14:06] – ↷ Page moved and renamed from playground:314progressbar to progressbar jsmithprogressbar [2026/08/12 09:28] (current) – ↷ Links adapted because of a move operation tadachi
Line 1: Line 1:
-====== Project-level Optional Property: Progress Bar  DRAFT ======+====== Project-level Optional Property: Progress Bar   ======
  
 The **Progress Bar** provides information for the **learner** on the proportion of pages in the project that have been opened. This is particularly helpful for those who are working through a learning object over multiple sessions.:!: **New in 3.14**, you can also add progress markers for **Chapters **and for **Milestones **(individual pages the author has flagged up as significant points in progress through the learning object. The **Progress Bar** provides information for the **learner** on the proportion of pages in the project that have been opened. This is particularly helpful for those who are working through a learning object over multiple sessions.:!: **New in 3.14**, you can also add progress markers for **Chapters **and for **Milestones **(individual pages the author has flagged up as significant points in progress through the learning object.
Line 5: Line 5:
 This is a screenshot illustrating how the **Progress Bar** displays.  Here it has been set to display below the **Project **and **Page Titles **in the **Header Bar**.  This project has been organised in three **Chapters**, and if the learner clicks on one of the **circle markers **in the **Progress Bar**, this will take them to the first page in that **Chapter**.  The **red line** gives a visual indication of how much of the Learning Object the learner has looked at, and a more precise indication is given, as percentage of pages opened,  in the text to the left of the **Progress Bar**; the text around the percentage can be customised by the author. This is a screenshot illustrating how the **Progress Bar** displays.  Here it has been set to display below the **Project **and **Page Titles **in the **Header Bar**.  This project has been organised in three **Chapters**, and if the learner clicks on one of the **circle markers **in the **Progress Bar**, this will take them to the first page in that **Chapter**.  The **red line** gives a visual indication of how much of the Learning Object the learner has looked at, and a more precise indication is given, as percentage of pages opened,  in the text to the left of the **Progress Bar**; the text around the percentage can be customised by the author.
  
-{{ :playground:progress_bar_1.png?600&direct }}+{{ progress_bar_1.png?600&direct }}
  
 If you add this property to your project, you will be presented with the following dialog. If you add this property to your project, you will be presented with the following dialog.
  
-{{ :playground:progress_bar_2.png?400&direct }} +{{ progress_bar_2.png?400&direct }}
  
 ===== Properties ===== ===== Properties =====
Line 24: Line 23:
 | ::: | Navigate on Click | When enabled, the **Progress Marker** becomes a clickable link to a **Page**, **Chapter **or **Milestone**. | Tick box | :!: Only available in the **Pages**, **Chapters **or **Milestones **formats | | ::: | Navigate on Click | When enabled, the **Progress Marker** becomes a clickable link to a **Page**, **Chapter **or **Milestone**. | Tick box | :!: Only available in the **Pages**, **Chapters **or **Milestones **formats |
  
-{{ :playground:chapters_milestones2.png?300&direct}}This is an example of what the **Project Tree** looks like after adding **Chapters** and **Milestones**. The **Milestones** are indicated by the purple pins.+{{ chapters_milestones2.png?300&direct}}This is an example of what the **Project Tree** looks like after adding **Chapters** and **Milestones**. The **Milestones** are indicated by the purple pins.
  
 You can only have Chapters __or__ Milestones displaying in the Progress Bar.  This is just an example which illustrates both formats in one image. You can only have Chapters __or__ Milestones displaying in the Progress Bar.  This is just an example which illustrates both formats in one image.
  
  
progressbar.1770645988.txt.gz · Last modified: by jsmith