Progress Navigation Bar

A navigation bar that shows the progress a user is making down the page, highlighting the current content being read with the option to jump to other content in the page

How to use

The Progress Navigation displays directly after the Masthead used in the current section and links to content on the page which has Quick-Nav Text set. Any content type listed in the Creating Content section of the Content Types page can be set to be picked up by the Progress Navigation Bar.

  • Optionally add up to 3 CTA Buttons. For each CTA button add CTA - Text for the button text and either select a section or content item for the CTA - Internal Link (ignore the Use default link text checkbox), or paste the full URL for the CTA - External URL (please do not enter both)
  • Please note: when adding to a Course page leave the CTA elements blank and CTAs will be pulled in from the Course content item in the current section. The CTA elements can be populated to overwrite the CTAs pulled in from the Course if required.

Content Type Details

ID: 422
Name: Course Progress Navigation Bar
Description: A navigation bar that shows the progress a user is making down the page, highlighting the current content being read with the option to jump to other content in the page
Minimum user level: Contributor

Content Type Elements Details

NameDescriptionSizeTypeRequired
NameThe Name Element80 CharactersPlain TextYes
CTA 1 - TextAdd Text for CTA 1, when using on a Course page leave blank to pull in CTA from the Course, or populate to overwrite50 CharactersPlain TextNo
CTA 1 - Internal LinkSelect a section/content for an internal linkN/ASection/Content LinkNo
CTA 1 - External URLEnter full URL including https:// for external URL, only enter this if you are NOT entering an internal link250 CharactersPlain TextNo
CTA 2 - TextAdd Text for CTA 2, when using on a Course page leave blank to pull in CTA from the Course, or populate to overwrite50 CharactersPlain TextNo
CTA 2 - Internal LinkSelect a section/content for an internal linkN/ASection/Content LinkNo
CTA 2 - External URLEnter full URL including https:// for external URL, only enter this if you are NOT entering an internal link250 CharactersPlain TextNo
CTA 3 - TextAdd Text for CTA 3, when using on a Course page leave blank to pull in CTA from the Course, or populate to overwrite50 CharactersPlain TextNo
CTA 3 - Internal LinkSelect a section/content for an internal linkN/ASection/Content LinkNo
CTA 3 - External URLEnter full URL including https:// for external URL, only enter this if you are NOT entering an internal link250 CharactersPlain TextNo