Add showing level of value through bar

quickshell/services/SystemStats.qml

@@ -10,13 +10,13 @@ Item {
     // =====================
     property int cpuUsage: 0
     property int memUsage: 0
+    property int gpuUsage: 0
 
     property var lastCpuIdle: 0
     property var lastCpuTotal: 0
 
     Process {
         id: cpuProc
-        // get cpu usage, first line of /proc/stat
         command: ["cat", "/proc/stat"]
         stdout: StdioCollector {
             onStreamFinished: {
@@ -56,12 +56,29 @@ Item {
                 var parts = data.trim().split(/\s+/);
                 var total = parseInt(parts[1]) || 1;
                 var used = parseInt(parts[2]) || 0;
-                memUsage = Math.round(100 * used / total);
+                root.memUsage = Math.round(100 * used / total);
             }
         }
         Component.onCompleted: running = true
     }
 
+    Process {
+        id: gpuProc
+        command: ["cat", "/sys/class/drm/card1/device/gpu_busy_percent"]
+
+        stdout: StdioCollector {
+            onStreamFinished: {
+                console.log("GPU usage data:", this.text);
+                if (!this.text) {
+                    return;
+                }
+                var gpuUsage = parseInt(this.text.trim()) || 0;
+                root.gpuUsage = gpuUsage;
+            }
+        }
+
+    }
+
     // Update loop
     Timer {
         interval: 2000
@@ -70,6 +87,7 @@ Item {
         onTriggered: {
             cpuProc.running = true;
             memProc.running = true;
+            gpuProc.running = true;
         }
     }
 }