The TalentLMS course progress bar shows learners how far they have advanced in their course and, by default, it’s displayed on top of the course unit list.
| Note: The course unit list shows up when pointing to the current unit on the course navigation bar. |
However, there’s a way to pin the progress bar on the course navigation bar and make it visible to learners at all times.
Here’s how to clone your course progress bar with some simple JavaScript:
1. Sign in to your TalentLMS account as Administrator and go to Home > Account & Settings.
2. Go to the Themes tab and, from the Theme drop-down list, choose your active theme.
3. Go to the Javascript tab.
4. In the code area, paste the following JavaScript snippet:
$('#tl-dropdown-progress>#tl-navbar-progress>li.nav-header').clone().insertBefore($('#tl-dropdown-more')).css('width','80px').css('margin-top','13px');
5. Click Update to save your changes.
Well done!
Now the progress bar is pinned to the top so learners can see it while taking their courses.