fix progress bar

wasm-demo.js

@@ -283,6 +283,15 @@ async function pollTaskStatus(currentTaskId, currentUid) {
         } else if (statusData.status === 'processing' || statusData.status === 'running') {
             userMessage = 'Processing your request...';
             showComputing = true;
+            
+            // Start progress bar when processing actually begins
+            show('progressContainer', true);
+            if (!window.taskStartTime) {
+                window.taskStartTime = performance.now(); // Set start time when processing begins
+            }
+            if (!progressTimer) {
+                progressTimer = setInterval(updateProgressBar, 1000);
+            }
         } else if (statusData.status === 'success' || statusData.status === 'completed') {
             userMessage = 'Processing complete!';
             // Set progress to 100% and clear timer
@@ -393,11 +402,10 @@ $('btnSend').onclick = async () => {
     show('encIcon', false);
     show('spin', true);
     show('processingNote', true);
-    show('progressContainer', true); // Show progress container immediately
+    show('progressContainer', false); // Hide initially, show when processing starts
     $('progressBar').style.width = '0%'; // Reset progress bar
     $('srvStatus').textContent = 'Sending encrypted data...';
     $('srvComputing').hidden = true;  // Ensure it's hidden initially
-    window.taskStartTime = performance.now();
     window.expectedDuration = currentTokenCount * 30 * 1000; // Convert to milliseconds
     
     // Clear any existing progress timer
@@ -429,11 +437,6 @@ $('btnSend').onclick = async () => {
         taskId = newTaskId;
         console.log('[Main] Task submitted to server. Task ID:', taskId);
         $('srvStatus').textContent = 'Request submitted. Checking status...';
-        
-        // Start progress bar updates
-        if (!progressTimer) {
-            progressTimer = setInterval(updateProgressBar, 1000);
-        }
 
         pollTaskStatus(taskId, sessionUid).then(finalStatus => {
             if (finalStatus && (finalStatus.status === 'success' || finalStatus.status === 'completed')) {