adjusting the progress bar styling for vcerts

lms/static/sass/views/_verification.scss

@@ -159,15 +159,45 @@ body.register.verification {
   }
 
 
-  .progress {
- /*         background: transparent url('../images/vcert-steps.png') no-repeat 0 0;
-    height: 50px;
-    text-indent: -9999px;
-*/
+  .progress,
+  .steps {
+    @include clearfix;
+    margin-bottom: $baseline;
+
+    ol {
+      margin: 0;
+      padding: 0;
+    }
     .progress-step {
       display: inline-block;
+      width: 15%;
       padding: ($baseline/2) $baseline;
+      text-align: center;
+      font-size: 12px;
+      color: #ccc;
+
+      &.current {
+        color: #008801;
+
+        .number {
+          border: 4px solid #008801;
+          color: #008801;
+        }
+      }
     }
+
+    .number {
+      height: 2em;
+      width: 2em;
+      display: block;
+      margin: 0 auto ($baseline/2);
+      border: 4px solid #ddd;
+      border-radius: 20px;
+      line-height: 2em;
+      text-align: center;
+      color: #ccc;
+    }
+
   }