diff --git a/frontend/src/views/genes/genes.html b/frontend/src/views/genes/genes.html
index dccdfd1ac4301a838f6d3cfd5924140dfb9b506f..ce61dab805ae9a5bc68b21fce9864b73f449b85f 100644
--- a/frontend/src/views/genes/genes.html
+++ b/frontend/src/views/genes/genes.html
@@ -1,4 +1,26 @@
 <div class="genes">
+  <template v-for="(item, index) in downloadAlerts">
+    <v-alert
+      :value="item.value"
+      type="info"
+      icon="fas fa-download"
+      transition="slide-y-transition"
+    >
+      <v-layout align-center>
+        <v-spacer/>
+        {{ item.text }}
+        <v-spacer/>
+        <v-flex md8>
+          <v-progress-linear
+            indeterminate
+            height="2"
+            color="primary"
+          ></v-progress-linear>
+        </v-flex>
+        <v-spacer/>
+    </v-layout>
+    </v-alert>
+  </template>
   <v-layout row wrap>
     <v-flex xs12>
       <v-toolbar
diff --git a/frontend/src/views/genes/genes.js b/frontend/src/views/genes/genes.js
index 1f3a8c0ed0d2ae137c593266a234a15197fe7cee..1ba2639ae07ab98a4b10b358a4d62ab9651160cd 100644
--- a/frontend/src/views/genes/genes.js
+++ b/frontend/src/views/genes/genes.js
@@ -162,6 +162,18 @@ export default {
         basename = `${basename}_${this.taxLevel}-${taxName}`;
       }
       return basename;
+    },
+    downloadAlerts() {
+      return [
+        {
+          value: this.loadingFastaDownload,
+          text: "Downloading sequences (.fasta)..."
+        },
+        {
+          value: this.loadingCSVDownload,
+          text: "Downloading metadata (.csv)..."
+        },
+      ]
     }
   },
   mounted() {