Revert "fix: remove progress bar in toast"

This reverts commit 6755deb.

src/utils/files.tsx

@@ -1,5 +1,6 @@
 import { auth } from "@/stores/auth";
 import type { UploadedFile } from "@/types/api";
+import { createSignal } from "solid-js";
 import toast from "solid-toast";
 
 export const createFileImporter = (onFileUploaded: (files: FileList) => unknown) => {
@@ -79,6 +80,8 @@ export const getUploadedFileURL = (file: UploadedFile) => {
   return url;
 };
 
+const [downloadProgress, setDownloadProgress] = createSignal(0);
+
 export const downloadUploadedFile = (file: UploadedFile) => {
   const xhr = new XMLHttpRequest();
   xhr.open("GET", "/api/file/" + file.id, true);
@@ -89,7 +92,8 @@ export const downloadUploadedFile = (file: UploadedFile) => {
   toast.custom(() => (
     <div 
       class="relative flex flex-col gap-2 rounded-md bg-base px-6 py-3 pr-12 font-medium text-text shadow-md">
-        Downloading your file, please wait...
+        Downloading... {downloadProgress()}%
+      <progress value={downloadProgress()} max={100} class="bg-lavender" />
     </div>
   ), {
     unmountDelay: 0
@@ -117,6 +121,7 @@ export const downloadUploadedFile = (file: UploadedFile) => {
   xhr.onprogress = (event) => {
     if (event.lengthComputable) {
       console.info(file.name, `${event.loaded}/${event.total} (${event.loaded * 100 / event.total}%)`);
+      setDownloadProgress(Math.floor(event.loaded * 100 / event.total));
 
       if (event.loaded === 1) {
         toast.dismiss();