vertical bar

.config/quickshell/ii/modules/common/widgets/ClippedProgressBar.qml

@@ -10,6 +10,7 @@ import Qt5Compat.GraphicalEffects
  */
 ProgressBar {
     id: root
+    property bool vertical: false
     property real valueBarWidth: 30
     property real valueBarHeight: 18
     property color highlightColor: Appearance?.colors.colOnSecondaryContainer ?? "#685496"
@@ -45,13 +46,36 @@ ProgressBar {
         visible: false
 
         Rectangle {
+            id: progressFill
             anchors {
-                left: parent.left
                 top: parent.top
                 bottom: parent.bottom
+                left: parent.left
+                right: undefined
             }
-            radius: Appearance.rounding.unsharpen
             width: parent.width * root.visualPosition
+            height: parent.height
+
+            states: State {
+                name: "vertical"
+                when: root.vertical
+                AnchorChanges {
+                    target: progressFill
+                    anchors {
+                        top: undefined
+                        bottom: parent.bottom
+                        left: parent.left
+                        right: parent.right
+                    }
+                }
+                PropertyChanges {
+                    target: progressFill
+                    width: parent.width
+                    height: parent.height * root.visualPosition
+                }
+            }
+
+            radius: Appearance.rounding.unsharpen
             color: root.highlightColor
         }
     }