diff --git a/app/assets/stylesheets/components/loading-indicator.scss b/app/assets/stylesheets/components/loading-indicator.scss
new file mode 100644
index 000000000..348204524
--- /dev/null
+++ b/app/assets/stylesheets/components/loading-indicator.scss
@@ -0,0 +1,18 @@
+@keyframes ellipsis {
+  to {
+    width: 1.25em;
+  }
+}
+
+.loading-indicator {
+  &:after {
+    overflow: hidden;
+    display: inline-block;
+    vertical-align: bottom;
+    animation: ellipsis steps(4,end) 1.5s infinite;
+    content: "\2026"; // ellipsis
+    width: 0;
+    position: relative;
+    left: -0.15em;
+  }
+}
diff --git a/app/assets/stylesheets/main.scss b/app/assets/stylesheets/main.scss
index 9e65003e1..ceb233650 100644
--- a/app/assets/stylesheets/main.scss
+++ b/app/assets/stylesheets/main.scss
@@ -66,6 +66,7 @@ $path: '/static/images/';
 @import 'components/preview-pane';
 @import 'components/task-list';
 @import 'components/vendor/govuk-back-link';
+@import 'components/loading-indicator';
 
 @import 'views/dashboard';
 @import 'views/users';