Give some more feedback on the model download UI

axonzeta · Nov 29, 2024 · ca51f66 · ca51f66
1 parent a3ae34a
commit ca51f66
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/extension/ui-model-install-popup/index.html b/src/extension/ui-model-install-popup/index.html
@@ -9,7 +9,7 @@
     <div class="details">
       <div id="model"></div>
       <div id="progress">
-        <div id="progress-bar"></div>
+        <div id="progress-bar" style="width: 1%"></div>
       </div>
       <div id="progress-status"></div>
     </div>

diff --git a/src/extension/ui-model-install-popup/index.ts b/src/extension/ui-model-install-popup/index.ts
@@ -26,8 +26,8 @@ async function render (progress: { inflight: boolean, progress: number | null, n
   }
 
   document.getElementById('model').textContent = progress.name
-  document.getElementById('progress-status').textContent = progress.progress === null ? 'Loading...' : `${progress.progress}%`
-  document.getElementById('progress-bar').style.width = progress.progress === null ? '0%' : `${progress.progress}%`
+  document.getElementById('progress-status').textContent = progress.progress === null ? 'Loading...' : `${Math.max(1, progress.progress)}%`
+  document.getElementById('progress-bar').style.width = progress.progress === null ? '1%' : `${Math.max(1, progress.progress)}%`
 }
 
 main()