Skip to main content

Hiding X/X Lessons Completed & Lessons Progress Bar

  • September 20, 2023
  • 1 reply
  • 65 views

JZenker
Guide II
Forum|alt.badge.img+2

Hello - 

We have our training material setup in a way that users do not need to complete each one for the course to mark complete (various language options).

However, a progress bar and X/X lessons completed appears in the course player, that we thought would be confusing to the end user. 

 

We used the following CSS to hide both of these elements. Please feel free to use the code as well.

 

/* Remove Course Player Lessons Progress Bar */

.progress-bar.bg-grey {
display: none! important;
}

/* Hide X Lessons Completed on Course Player */

.subtitle-block {
    display: none! important;
}

 

1 reply

  • Contributor I
  • September 25, 2025

Adding to this (2 years later) the CSS that works for us in the newest course player…

 

/* Hide "X of Y lessons completed" text */
.lrn-widget-course-progression-lessons-completed-title {
    display: none !important;
}

/* Hide the lessons completed progress bar */
.lrn-widget-course-progression-lessons-completed-progress-bar {
    display: none !important;
}