Update index.html

index.html

@@ -32,15 +32,18 @@
 
     <script type="module">
       import { createRepo, uploadFiles } from "https://cdn.jsdelivr.net/npm/@huggingface/[email protected]/+esm";
-    
+
       const uploadButton = document.getElementById('uploadButton');
       uploadButton.addEventListener('click', upload);
     
       // Override global fetch
       const originalFetch = window.fetch;
+      let uploadStartTime;
+      let uploadedBytes = 0;
     
       window.fetch = function(url, init) {
         if (typeof url === 'string' && init && init.method === 'PUT') {
+          uploadStartTime = uploadStartTime || Date.now();
           return new Promise((resolve, reject) => {
             const xhr = new XMLHttpRequest();
             xhr.open(init.method, url);
@@ -63,9 +66,15 @@
     
             xhr.upload.onprogress = (event) => {
               if (event.lengthComputable) {
-                const progress = event.loaded / event.total;
+                uploadedBytes += event.loaded;
+                const progress = uploadedBytes / event.total;
                 const progressBar = document.getElementById('progressBar');
                 progressBar.value = progress * 100;
+    
+                const speedDiv = document.getElementById('uploadSpeed');
+                const elapsedTime = (Date.now() - uploadStartTime) / 1000; // in seconds
+                const speed = uploadedBytes / elapsedTime; // in bytes per second
+                speedDiv.textContent = `Upload speed: ${(speed / 1024 / 1024).toFixed(2)} MB/s`;
               }
             };