Try to add progress bar to image download.

app.py

@@ -1,6 +1,7 @@
 import io
 import os
-import requests
+# import requests
+import urllib.request
 import zipfile
 import natsort
 os.environ["TOKENIZERS_PARALLELISM"] = "false"
@@ -36,8 +37,14 @@ def download_images():
         photo_filename = "unsplash-25k-photos.zip"
         if not os.path.exists(photo_filename):  # Download dataset if does not exist
             print(f"Downloading {photo_filename}...")
-            r = requests.get("http://sbert.net/datasets/" + photo_filename, stream=True)
-            z = zipfile.ZipFile(io.BytesIO(r.content))
+            response = requests.get(f"http://sbert.net/datasets/{photo_filename}", stream=True)
+            total_size_in_bytes= int(response.headers.get('content-length', 0))
+            block_size = 1024 #1 Kb
+            progress_bar = tqdm(total=total_size_in_bytes, unit='iB', unit_scale=True)
+            for data in response.iter_content(block_size):
+                progress_bar.update(len(data))
+            progress_bar.close()
+            z = zipfile.ZipFile(io.BytesIO(response.content))
             print("Extracting the dataset...")
             z.extractall(path=img_folder)
     print("Done.")
@@ -46,6 +53,10 @@ def download_images():
 @st.cache()
 def get_image_features():
     return jnp.load("static/features/features.npy")
+    
+    
+def read_markdown_file(markdown_file):
+    return Path(markdown_file).read_text()
 
 
 """
@@ -54,6 +65,8 @@ def get_image_features():
 
 # CLIP Italian Demo 
 ## HF-Flax Community Week
+
+In this demo you can search for images in the 
   
 """
 
@@ -90,9 +103,5 @@ if query:
 
     st.image(image_paths)
 
-
-def read_markdown_file(markdown_file):
-    return Path(markdown_file).read_text()
-
 intro_markdown = read_markdown_file("readme.md")
 st.markdown(intro_markdown, unsafe_allow_html=True)