From fd0d5cf6ec8ba37124069162a22817d320afe990 Mon Sep 17 00:00:00 2001
From: Gronod <gordon@i3omb.com>
Date: Sun, 17 May 2026 09:53:55 +0100
Subject: [PATCH] =?UTF-8?q?fix:=20progress=20bar=20not=20rendering=20?=
 =?UTF-8?q?=E2=80=94=20replace=20float:left=20with=20position:absolute?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

float:left on .progress-segment was ignored inside the overflow:hidden
position:relative .progress-bar container, so the coloured fill never
appeared. Absolute positioning from top:0 left:0 with the JS-assigned
width renders correctly.
---
 public/style.css | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/public/style.css b/public/style.css
index ca25ed6..54ec556 100644
--- a/public/style.css
+++ b/public/style.css
@@ -519,13 +519,15 @@ body {
 }
 
 .progress-segment {
+  position: absolute;
+  top: 0;
+  left: 0;
   height: 100%;
   transition: width 0.3s ease;
 }
 
 .progress-segment.downloaded {
   background: linear-gradient(90deg, var(--progress-fill-start) 0%, var(--progress-fill-end) 100%);
-  float: left;
 }
 
 .progress-text {