Xerte Community Documentation

User Tools

Site Tools

Trace: • Common Features and Customisation • Text+ (Toolbar) • Project-level Optional Property: Progress Bar • One-line Text Editor
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:11] – jsmithprogressbar [2026/08/12 09:28] (current) – ↷ Links adapted because of a move operation tadachi
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 23: 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.1770646296.txt.gz · Last modified: by jsmith