From 0c7045042d11b3657e9b1a59752006b85c0a3047 Mon Sep 17 00:00:00 2001
From: Chocobo1 <Chocobo1@users.noreply.github.com>
Date: Fri, 9 Aug 2024 22:28:23 +0800
Subject: [PATCH] WebUI: replace deprecated property

---
 src/webui/www/private/scripts/progressbar.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/webui/www/private/scripts/progressbar.js b/src/webui/www/private/scripts/progressbar.js
index 9344c4cc8..05b8cfbb8 100644
--- a/src/webui/www/private/scripts/progressbar.js
+++ b/src/webui/www/private/scripts/progressbar.js
@@ -125,8 +125,8 @@ window.qBittorrent.ProgressBar ??= (() => {
         this.vals.light.textContent = displayedValue;
 
         const r = parseInt((this.vals.width * (value / 100)), 10);
-        this.vals.dark.setStyle("clip", `rect(0, ${r}px, ${this.vals.height}px, 0)`);
-        this.vals.light.setStyle("clip", `rect(0, ${this.vals.width}px, ${this.vals.height}px, ${r}px)`);
+        this.vals.dark.style.clipPath = `inset(0 calc(100% - ${r}px) 0 0)`;
+        this.vals.light.style.clipPath = `inset(0 0 0 ${r}px)`;
     }
 
     function ProgressBar_setWidth(value) {