Reverse direction of locator progress indicator

Fixes #90

2 files changed, 3 insertions, 3 deletions

diff --git a/src/css/fms.css b/src/css/fms.css
index 9cfc515..f7c55a3 100644
--- a/src/css/fms.css
+++ b/src/css/fms.css
@@ -489,12 +489,12 @@
         margin-top: 1em;
         width:100%;
         height:15px;
-        background-color: #FFFF99;
+        background-color: grey;
     }
 
     #locating #progress-bar {
         width: 0%;
-        background-color: grey;
+        background-color: #FFFF99;
         height: 15px;
     }
 
diff --git a/src/js/views/locator.js b/src/js/views/locator.js
index e6a885d..8e067a9 100644
--- a/src/js/views/locator.js
+++ b/src/js/views/locator.js
@@ -42,7 +42,7 @@
                     this.failedLocation(details);
                     return;
                 }
-                var percent = ( ( 20 - this.locateCount ) / 20 ) * 100;
+                var percent = ( this.locateCount / 20 ) * 100;
                 $('#progress-bar').css( 'width', percent + '%' );
                 this.locateCount++;
                 var that = this;