Acrescentar o icone de progresso enquanto o sistema gera os acessos após acionar "Buscar" - Follow Up Deployment

index.html

@@ -258,10 +258,28 @@
                     <div class="loading-container">
                         <div class="loader"></div>
                         <p>Aguarde enquanto os acessos estão sendo gerados...</p>
+                        <div class="w-full bg-gray-200 rounded-full h-2.5 mt-4">
+                            <div id="progressBar" class="bg-blue-600 h-2.5 rounded-full" style="width: 0%"></div>
+                        </div>
                     </div>
                 `;
 
+                // Update progress bar during URL generation
+                const progressBar = document.getElementById('progressBar');
+                const progressInterval = setInterval(() => {
+                    const currentWidth = parseInt(progressBar.style.width) || 0;
+                    const newWidth = Math.min(currentWidth + 5, 95);
+                    progressBar.style.width = `${newWidth}%`;
+                }, 300);
+
                 await displayResults(matchedCities, input, resultContent, controller);
+                
+                // Complete progress bar and remove it
+                clearInterval(progressInterval);
+                progressBar.style.width = '100%';
+                setTimeout(() => {
+                    progressBar.style.display = 'none';
+                }, 500);
 
             } catch (error) {
                 if (error.name !== 'AbortError') {
@@ -495,5 +513,5 @@
         </div>
     </footer>
 
-<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;"><a href="https://marcelovicente.prof" style="color: #fff;text-decoration: underline;" target="_self" >Voltar ao início</a> | <i class="fas fa-rocket"></i> <a href="https://marcelovicente.prof/tta1947" style="color: #fff;text-decoration: underline;" target="_blank" >Fazer a inscrição!</a></p>
+<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;"><a href="https://marcelovicente.prof" style="color: #fff;text-decoration: underline;" target="_self" >Voltar ao início</a> | <i class="fas fa-rocket"></i> <a href="https://marcelovicente.prof/tta1947" style="color: #fff;text-decoration: underline;" target="_blank" >Fazer a inscrição!</a></p><p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=maralvic/basic" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>