fbpx

The CourseUp Blog

Master Your Online Course Tech

How to Remove Progress Bars in Teachable

Heads up! This post may contain affiliate links. That means if you click on a link and then make a purchase, we might make a small commission. But rest assured, we ONLY recommend tools that we know, love and use in our own business.

By default, Teachable shows your students how far through a course they are with built-in progress bars. These are great for more chronological courses where students should work through the content in a specific order.

But not all courses are chronological. Some course creators want their students to work through the content in the order they see fit, so displaying progress bars doesn’t make quite as much sense.

Luckily, there’s a way to hide all of the progress bars with just a few lines of code.

Step 1: Getting the custom code

Copy this snippet of code to your clipboard, ready to paste into Teachable:

.course-listing .progressbar,
.course-listing .course-listing-extra-info .course-progress,
.course-sidebar .course-progress {
    display: none;
}

How It Works

If you want to customise the code, here’s how it works.

  1. .course-listing .progressbar
    This targets the progress bars on the course listings for logged in students (for example, when they go to “My Courses”).
  2. .course-listing .course-listing-extra-info .course-progress
    In the same course listing elements, this targets the percentage value that shows up next to the progress bar.
  3. .course-sidebar .course-progress
    This class targets the progress bar that appears in the curriculum sidebar.

We’re essentially targeting those three elements and then telling browsers not to display them.

Step 2: Installing your custom code

This is the easy part!

  1. Copy the code to your clipboard.
  2. Open up your Teachable dashboard.
  3. Head to Site > Code Snippets.
  4. Paste your code into the CSS section.
  5. Click Save.

That’s it! No more progress bars.

Our Favourite Tools
Heads up! Some of these are affiliate links so we may earn a commission if you sign up.

FREE

The Ultimate Teachable Set-Up Checklist

This checklist will give you a comprehensive rundown of every essential setting in Teachable, including best practices for sales pages, affiliate programs, curriculum structure and much more. Don’t launch without this list!

FREE

The Anatomy of a Killer Course Sales Page

Unsure what to put on your sales page? Find out the exact sections you need to convert visitors into students.

FREE

SERVICES

Work With Us

Ready to work with a Teachable Expert? Whether you’re struggling with your course tech or just don’t have the time to deal with it yourself, we’re here to help.

Ready To Work With A Teachable Expert?

Whether you’re struggling with your course tech or just don’t have the time to deal with it yourself, we’re here to help.

Social Proof