Update static/js/main.js

static/js/main.js

@@ -177,9 +177,18 @@ document.addEventListener('DOMContentLoaded', function() {
         scoreValue.textContent = `${scorePercent}%`;
         
         // Update circle progress
-        const circumference = 2 * Math.PI * 90; // 2πr where r=90
-        const offset = circumference - (scorePercent / 100) * circumference;
-        scoreProgress.style.strokeDashoffset = offset;
+        function updateScoreCircle(score) {
+        const circle = document.querySelector(".score-progress");
+        const radius = circle.r.baseVal.value;  // Gets the actual <circle r="...">
+        const circumference = 2 * Math.PI * radius;
+
+        circle.style.strokeDasharray = `${circumference}`;
+        circle.style.strokeDashoffset = `${circumference}`;
+
+        const offset = circumference - (score / 100) * circumference;
+        circle.style.strokeDashoffset = offset;
+        }
+
         
         // Set color based on score
         if (scorePercent >= 80) {