Hide progress and streak tracking so Dicoding stays focused on learning navigation.
A lightweight userscript to make Dicoding tutorial pages feel calmer by hiding progress-heavy and streak-based UI elements.
This script keeps the module sidebar useful as navigation, but removes visual cues that can make the page feel like a progress tracker instead of a learning space.
0/10, 3/12, or similar counters when they appear.#streakDropdown.Dicoding's learning interface includes several progress and streak indicators. These can be useful for some learners, but distracting for others.
This script is intended for learners who prefer:
https://www.dicoding.com/academies/387/tutorials/22658
No setup is required. The script runs automatically on Dicoding tutorial pages matching this URL pattern:
https://www.dicoding.com/academies/*/tutorials/*
https://dicoding.com/academies/*/tutorials/*
After the script runs, the sidebar should show a cleaner module list with the active module expanded. Progress bars, status icons, category counters, and the streak widget should be hidden.
This script:
The script only runs on Dicoding tutorial pages:
https://www.dicoding.com/academies/*/tutorials/*
https://dicoding.com/academies/*/tutorials/*
It does not require special browser permissions.
Tested against the current Dicoding tutorial page structure that uses elements such as:
#modules-list.modules-category-list__list-item.module-list__list.js-current-module#streakDropdownIf Dicoding changes its HTML structure, some selectors may need to be updated.
#streakDropdown, .nav-streak, and .streak-dropdown-menu.If a Dicoding UI update causes part of the script to stop working, report the affected page and the visible element that should be hidden.