Add 1 files

index.html

@@ -187,7 +187,7 @@
                             </div>
                         </div>
 
-                        <button id="convertBtn" class="w-full bg-indigo-600 hover:bg-indigo-700 text-white py-2 px-4 rounded-md font-medium transition disabled:opacity-50 disabled:cursor-not-allowed" disabled>
+                        <button id="convertBtn" class="w-full bg-indigo-600 hover:bg-indigo-7text-white py-2 px-4 rounded-md font-medium transition disabled:opacity-50 disabled:cursor-not-allowed" disabled>
                             <i class="fas fa-magic mr-2"></i> Convert to SVG
                         </button>
                     </div>
@@ -474,8 +474,13 @@
                 let progress = 0;
                 const progressInterval = setInterval(() => {
                     progress += Math.random() * 10;
-                    if (progress > 90) progress = 90;
+                    if (progress > 100) progress = 100; // Changed from 90 to 100
                     progressBar.style.width = progress + '%';
+                    
+                    // Clear interval when we reach 100%
+                    if (progress >= 100) {
+                        clearInterval(progressInterval);
+                    }
                 }, 200);
 
                 // Process image after a short delay to allow UI to update
@@ -511,9 +516,6 @@
                     // Use Potrace to vectorize the image
                     const imageDataURL = tempCanvas.toDataURL('image/png');
                     
-                    // Update progress
-                    progressBar.style.width = '95%';
-
                     // Vectorize using Potrace
                     potrace.loadImageFromUrl(imageDataURL);
                     potrace.setParameters({
@@ -524,16 +526,11 @@
                     });
 
                     potrace.process(() => {
-                        clearInterval(progressInterval);
-                        progressBar.style.width = '100%';
-                        
                         // Get SVG data
                         const svg = potrace.getSVG(1, settings.transparent ? 'none' : '#ffffff');
                         
-                        // Show result after a short delay
-                        setTimeout(() => {
-                            showResult(svg);
-                        }, 300);
+                        // Show result
+                        showResult(svg);
                     });
                 }, 500);
             }