From 967875115679cb5cbc7dcec252d53c41c56b0634 Mon Sep 17 00:00:00 2001
From: end-4 <97237370+end-4@users.noreply.github.com>
Date: Mon, 21 Apr 2025 15:29:21 +0200
Subject: [PATCH] circular progress more like m3

---
 .../modules/common/widgets/CircularProgress.qml     | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/.config/quickshell/modules/common/widgets/CircularProgress.qml b/.config/quickshell/modules/common/widgets/CircularProgress.qml
index 73ab50f4b..2c6b1b9a0 100644
--- a/.config/quickshell/modules/common/widgets/CircularProgress.qml
+++ b/.config/quickshell/modules/common/widgets/CircularProgress.qml
@@ -1,5 +1,6 @@
 // From https://github.com/rafzby/circular-progressbar
 // License: LGPL-3.0 - A copy can be found in `licenses` folder of repo
+// Modified
 import QtQuick 2.9
 
 Item {
@@ -10,6 +11,7 @@ Item {
     property real value: 0
     property color primaryColor: "#70585D"
     property color secondaryColor: "#FFF8F7"
+    property real gapAngle: Math.PI / 10
     property bool fill: false
     property int fillOverflow: 2
     property int animationDuration: 1000
@@ -46,6 +48,8 @@ Item {
             var startAngle = (Math.PI / 180) * 270;
             var fullAngle = (Math.PI / 180) * (270 + 360);
             var progressAngle = (Math.PI / 180) * (270 + degree);
+            var epsilon = 0.01; // Small angle in radians
+            
             ctx.reset();
             if (root.fill) {
                 ctx.fillStyle = root.secondaryColor;
@@ -55,12 +59,17 @@ Item {
             }
             ctx.lineCap = 'round';
             ctx.lineWidth = root.lineWidth;
+
+            // Secondary
             ctx.beginPath();
-            ctx.arc(x, y, radius, startAngle, fullAngle);
+            ctx.arc(x, y, radius, progressAngle + gapAngle, startAngle - gapAngle);
             ctx.strokeStyle = root.secondaryColor;
             ctx.stroke();
+
+            // Primary (value indication)
+            var endAngle = (progressAngle === startAngle) ? startAngle + epsilon : progressAngle;
             ctx.beginPath();
-            ctx.arc(x, y, radius, startAngle, progressAngle);
+            ctx.arc(x, y, radius, startAngle, endAngle);
             ctx.strokeStyle = root.primaryColor;
             ctx.stroke();
         }