fixed width CSS transition of the progress bar

extension/ui/content/content-ui.js

@@ -227,13 +227,13 @@ this.singlefile.ui = this.singlefile.ui || (() => {
 			progressBarElementContainer.style.setProperty("width", "0", "important");
 			progressBarElementContainer.style.setProperty("height", "8px", "important");
 			progressBarElementContainer.style.setProperty("overflow", "hidden", "important");
+			progressBarElementContainer.style.setProperty("transition", "width 200ms", "important");
 			progressBarElementContainer.style.setProperty("will-change", "width", "important");
 			const progressBarElement = createElement(PROGRESS_CURSOR_TAGNAME, progressBarElementContainer);
 			progressBarElement.style.setProperty("position", "absolute", "important");
 			progressBarElement.style.setProperty("left", "0");
 			progressBarElement.style.setProperty("animation", "single-file-progress 5s linear infinite reverse", "important");
 			progressBarElement.style.setProperty("background", "white linear-gradient(-45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent) repeat scroll 0% 0% / 50px 50px padding-box border-box", "important");
-			progressBarElement.style.setProperty("transition", "width 50ms", "important");
 			progressBarElement.style.setProperty("width", "calc(100% + 50px)", "important");
 			progressBarElement.style.setProperty("height", "100%", "important");
 			progressBarElement.style.setProperty("inset-inline-start", "auto");