Setup wizard - all UI steps

client/scss/components/_editor.scss

@@ -1,13 +1,13 @@
 
 .editor-toolbar {
 	z-index: 2;
-	background-color: rgba(0,0,0,0.75);
+	background-color: mc('indigo', '900');
 	border: none;
 	border-top-left-radius: 0;
 	border-top-right-radius: 0;
 	opacity: 1;
 	position: fixed;
-	top: 51px;
+	top: 50px;
 	left: 0;
 	width: 100%;
 
@@ -90,7 +90,7 @@
 
 	}
 
-	
+
 
 }
 
@@ -98,7 +98,7 @@
 	display: flex;
 	flex-wrap: wrap;
 	align-items: flex-start;
-	
+
 	overflow: auto;
 	overflow-x: hidden;
 
@@ -140,7 +140,7 @@
 
 		> span {
 			font-size: 12px;
-			
+
 			> strong {
 				text-overflow: ellipsis;
 				white-space: nowrap;
@@ -358,4 +358,4 @@
 	left: 0;
 	bottom: 0;
 	right: 0;
-}
+}

client/scss/configure.scss

@@ -53,3 +53,24 @@ i.icon-warning-outline {
   max-height: 0;
   padding-top: 0;
 }
+
+.progress-bar {
+  width: 150px;
+  height: 10px;
+  background-color: mc('indigo', '50');
+  border:1px solid mc('indigo', '100');
+  border-radius: 3px;
+  position: absolute;
+  left: 15px;
+  top: 21px;
+  padding: 1px;
+
+  > div {
+    width: 5px;
+    height: 6px;
+    background-color: mc('indigo', '200');
+    border-radius: 2px;
+    transition: all 1s ease;
+  }
+
+}