diff --git a/src/app/src/App.vue b/src/app/src/App.vue
index 22a54c5..49bd3c8 100644
--- a/src/app/src/App.vue
+++ b/src/app/src/App.vue
@@ -2,6 +2,9 @@
 #app.page-container
   md-app(md-waterfall md-mode='fixed-last' role='application')
     md-app-toolbar.md-large.md-dense.md-primary
+      md-progress-bar(v-if='progress.visible'
+                      :md-mode='progress.mode')
+      .md-no-progress-bar(v-if='!progress.visible')
       .md-toolbar-row
         .md-toolbar-section-start
           router-link(to='/').md-title
@@ -204,6 +207,12 @@ p.mpj-request-text
   margin: auto
 .mpj-full-width
   width: 100%
-.md-progress-bar
-  margin: 24px
+.md-toolbar > .md-progress-bar
+  height: 2px
+  width: 100%
+  background-color: rgba(255, 255, 255, .8) !important
+  margin: 0
+.md-toolbar > .md-no-progress-bar
+  height: 2px
+  width: 100%
 </style>