feat(aio): add progress bar

closes #16110
2017-05-19 01:52:37 -07:00
parent f5b2ce0206
commit 368169dc15
5 changed files with 657 additions and 488 deletions
--- a/aio/src/styles/1-layouts/_content-layout.scss
+++ b/aio/src/styles/1-layouts/_content-layout.scss
@ -1,3 +1,12 @@
+.progress-bar-container {
+  height: 2px;
+  overflow: hidden;
+  position: fixed;
+  top: 64px;
+  width: 100vw;
+  z-index: 5;
+}
+
 .sidenav-content {
  padding: 1rem 3rem 3rem;
  margin: auto;
@ -12,9 +21,15 @@
  aio-menu {
    display: none;
  }
+
+  .progress-bar-container {
+    top: 56px;
+  }
+
  .sidenav-content {
    min-height: 450px;
  }
+
 }

 .sidenav-container {
@ -32,4 +47,4 @@
  height: 1px;
  margin: 24px 0px;
  background: $lightgray;
-}
+}