How to display the course progress on the header

The default progress bar for learners is displayed in the dropdown list when they click to view units that have been completed. 

 
To display the progress on a header when viewing a course, you can add a JavaScript code to your theme as described here.




Copy paste in the Javascript field the code below and save the changes. 
$('#tl-dropdown-progress>#tl-navbar-progress>li.nav-header').clone().insertBefore($('#tl-dropdown-more')).css('width','80px').css('margin-top','13px');

Feedback and Knowledge Base