Forum Discussion
Removing progress indicators in Rise
I would like to remove all progress indicators from a course (progress indicator under title banner, and progress bar/icon from menu) and wondered if anyone could help.
Since removal/hiding of pr...
Hi Roger. I tested the code I shared on a new project and it works well for me. However, one thing I noticed is that it only works when the default Sidebar navigation is used. So it won't work with Compact or Overlay navigation. You may want to try adding the code again and make sure you haven't missed anything. I also tried Phil's code, but it still produces the heading with the "% complete."
Thanks Pano I totally forgot about the % complete in the sidebar header area. We can combine all 3 into one style like so:
.lesson-progress.lesson-progress--sidebar,
.lesson-progress.lesson-progress--cover,
.nav-sidebar-header__progress-text{
display: none;
}
Phil, the updated code you provided removed the % complete, but the progress meter still appeared. Here is the consolidated code I would suggest for use in the index.html file. I was able to test it successfully:
.nav-sidebar-header__progress-text,
.nav-sidebar-header__progress-track,
.progress-circle.progress-circle{
display: none;
}Ok thanks Pano, looks like some things are different between our courses- will depend on your theme, theme settings/options, and when you exported your course. Articulate likely rolls in code updates every couple weeks or so, some of these changes will change the html requiring different css.
