Update app.py

app.py

@@ -21,15 +21,15 @@ def demonstrate_for_loop(n):
         progress = i / n
         progress_color = update_progress_bar_color(progress)
 
-        # Display results
-        st.markdown(f'<div style="background-color:#fffacd; padding:20px; border-radius:10px; box-shadow: 0px 4px 12px rgba(0,0,0,0.1);">'
-                     f'<strong>For Loop result:</strong> {result}</div>', unsafe_allow_html=True)
-        
         # Progress bar
         st.progress(progress)
         st.markdown(f'<style>.stProgress {{"background-color": "{progress_color}";}}</style>', unsafe_allow_html=True)
 
         time.sleep(0.5)  # Simulate execution time
+    
+    # Display final results
+    st.markdown(f'<div style="background-color:#fffacd; padding:20px; border-radius:10px; box-shadow: 0px 4px 12px rgba(0,0,0,0.1);">'
+                 f'<strong>For Loop result:</strong> {result}</div>', unsafe_allow_html=True)
 
 # Function to demonstrate a while loop with colorful output
 def demonstrate_while_loop(n):
@@ -43,16 +43,16 @@ def demonstrate_while_loop(n):
         progress = i / n
         progress_color = update_progress_bar_color(progress)
 
-        # Display results
-        st.markdown(f'<div style="background-color:#fffacd; padding:20px; border-radius:10px; box-shadow: 0px 4px 12px rgba(0,0,0,0.1);">'
-                     f'<strong>While Loop result:</strong> {result}</div>', unsafe_allow_html=True)
-        
         # Progress bar
         st.progress(progress)
         st.markdown(f'<style>.stProgress {{"background-color": "{progress_color}";}}</style>', unsafe_allow_html=True)
 
         time.sleep(0.5)  # Simulate execution time
         i += 1
+    
+    # Display final results
+    st.markdown(f'<div style="background-color:#fffacd; padding:20px; border-radius:10px; box-shadow: 0px 4px 12px rgba(0,0,0,0.1);">'
+                 f'<strong>While Loop result:</strong> {result}</div>', unsafe_allow_html=True)
 
 # Streamlit app layout
 st.title("Loop Demonstrator App")