diff --git a/src/components/BottomBar.svelte b/src/components/BottomBar.svelte
new file mode 100644
index 000000000..a72b5d13e
--- /dev/null
+++ b/src/components/BottomBar.svelte
@@ -0,0 +1,21 @@
+<script>
+  import { slide } from 'svelte/transition'
+  import DownloadButton from '~/components/DownloadButton.svelte'
+  import SelectAllButton from '~/components/SelectAllButton.svelte'
+  import { selected } from '~/store'
+</script>
+
+<div
+  transition:slide="{{duration:200}}"
+  class="h-16 bg-white dark:bg-gray-800 fixed bottom-0 left-0 right-0 py-2.5 border-t border-t-gray-100 dark:border-t-gray-800"
+>
+  <div class="flex justify-between items-center max-w-5xl mx-auto px-3">
+    <div class="text-sm text-gray-600 dark:text-gray-400 font-mono">
+      Selected {$selected.length.toLocaleString()} channel(s)
+    </div>
+    <div class="flex space-x-2">
+      <SelectAllButton />
+      <DownloadButton />
+    </div>
+  </div>
+</div>