public/code-crispies
2
1
Fork 0
Code Issues Pull Requests Actions Activity

fix: restore gradient scaling and distribute milestone colors evenly

Browse Source
This commit is contained in:
Michael Czechowski
2026-01-16 23:45:19 +01:00
parent a471de9566
commit c8a1172eba
2 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app.js
View File

@@ -319,8 +319,10 @@ function updateProgressDisplay() {
const stats = lessonEngine.getProgressStats();
// Update progress bar - shows progress towards next milestone
// CSS variable scales gradient so only first X% of colors show
const progressPercent = stats.progressToNext || 1;
elements.progressFill.style.width = `${progressPercent}%`;
elements.progressFill.style.setProperty('--progress-percent', progressPercent);
// Update progress current - show progress towards next milestone
elements.progressCurrent.textContent = `${stats.totalCompleted}/${stats.nextMilestone}`;