Update index.html

index.html

@@ -10,19 +10,29 @@
     <h1>Text Generation w/ 🤗 Transformers.js</h1>
     
     <div class="chat-container">
-        <textarea 
-            id="questionInput" 
-            placeholder="Type your question here..."
-            rows="4"
-        ></textarea>
-        
-        <button id="sendButton">
-            Send Question
-        </button>
+        <!-- Loading indicator -->
+        <div id="loadingContainer">
+            <div class="progress-bar">
+                <div id="progressFill"></div>
+            </div>
+            <div id="loadingText">Loading model... <span id="progressPercent">0%</span></div>
+        </div>
+
+        <!-- Chat interface (initially hidden) -->
+        <div id="chatInterface" style="display: none;">
+            <textarea 
+                id="questionInput" 
+                placeholder="Type your question here..."
+                rows="4"
+            ></textarea>
+            
+            <button id="sendButton">
+                Send Question
+            </button>
 
-        <div id="responseContainer">
-            <label id="status">Loading model...</label>
-            <div id="response"></div>
+            <div id="responseContainer">
+                <div id="response"></div>
+            </div>
         </div>
     </div>