diff --git a/.vs/slnx.sqlite b/.vs/slnx.sqlite
index b60d22f..1fc71b9 100644
Binary files a/.vs/slnx.sqlite and b/.vs/slnx.sqlite differ
diff --git a/css/global.style.css b/css/global.style.css
index 6888b67..267dcc1 100644
--- a/css/global.style.css
+++ b/css/global.style.css
@@ -2838,6 +2838,20 @@ input[type=text]:disabled {
     position: relative;
     float: left;
 }
+.meter-tracker-bar .update-btn-first-back{
+    position: absolute;
+	display: block;
+	width: 80px;
+	height: 32px;
+	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
+	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
+	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
+	background-color: #069;
+	right: 89%;
+	bottom: -400%;
+	text-align: center;
+	line-height: 32px;
+}
 .meter-tracker-bar .update-btn-first{
     position: absolute;
 	display: block;
diff --git a/meter-progress-trackers.html b/meter-progress-trackers.html
index 720816d..7dbc872 100644
--- a/meter-progress-trackers.html
+++ b/meter-progress-trackers.html
@@ -78,6 +78,9 @@
             <div class="form-row txt-center">
                 <div class="meter-tracker-bar">
                     <div id="meter-bar" style="background-color:#069; width:0; height:100%"></div>
+                    <label class="update-btn-first-back" style="display:none">
+                        <a>Order Date</a>
+                    </label>
                     <label class="update-btn-first fix">
                         <input id="firststep" type="submit" onclick="FirstStep()" style="display:none" />
                     </label>
@@ -85,10 +88,10 @@
                         <input id="secondstep" type="submit" onclick="SecondStep()" style="display:none" />
                     </label>
                     <label class="update-btn-third fix">
-                        <input id="secondstep" type="submit" onclick="ThirdStep()" style="display:none" />
+                        <input id="thirdstep" type="submit" onclick="ThirdStep()" style="display:none" />
                     </label>
                     <label class="update-btn-fourth fix">
-                        <input id="secondstep" type="submit" style="display:none" />
+                        <input id="fourthstep" type="submit" onclick="FourthStep()" style="display:none" />
                     </label>
                 </div>
             </div>
@@ -148,6 +151,19 @@
 
     <script>
         function FirstStep() {
+            var elem = document.getElementById("meter-bar");
+            var width = 30;
+            var id = setInterval(frame, 10);
+            function frame() {
+                if (width >= 0) {
+                    clearInterval(id);
+                } else {
+                    width--;
+                    elem.style.width = width + '%';
+                }
+            }
+        }
+        function SecondStep() {
             var elem = document.getElementById("meter-bar");
             var width = 0;
             var id = setInterval(frame, 10);
@@ -160,7 +176,7 @@
                 }
             }
         }
-        function SecondStep() {
+        function ThirdStep() {
             var elem = document.getElementById("meter-bar");
             var width = 30;
             var id = setInterval(frame, 10);
@@ -173,7 +189,7 @@
                 }
             }
         }
-        function ThirdStep() {
+        function FourthStep() {
             var elem = document.getElementById("meter-bar");
             var width = 60;
             var id = setInterval(frame, 10);