WebUI: replace deprecated property

Chocobo1 · Chocobo1 · commit 0c7045042d11 · 2024-08-10T13:01:26.000+08:00
diff --git 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) {

Original file line number	Diff line number	Diff line change
`@@ -125,8 +125,8 @@ window.qBittorrent.ProgressBar ??= (() => {`
`125`	`125`	`this.vals.light.textContent = displayedValue;`
`126`	`126`
`127`	`127`	`const r = parseInt((this.vals.width * (value / 100)), 10);`
`128`		- this.vals.dark.setStyle("clip", `rect(0, ${r}px, ${this.vals.height}px, 0)`);
`129`		- this.vals.light.setStyle("clip", `rect(0, ${this.vals.width}px, ${this.vals.height}px, ${r}px)`);
	`128`	+ this.vals.dark.style.clipPath = `inset(0 calc(100% - ${r}px) 0 0)`;
	`129`	+ this.vals.light.style.clipPath = `inset(0 0 0 ${r}px)`;
`130`	`130`	`}`
`131`	`131`
`132`	`132`	`function ProgressBar_setWidth(value) {`