diff --git a/WebContent/html/imgs/loader.gif b/WebContent/html/imgs/loader.gif
new file mode 100644
index 0000000..9bfca92
Binary files /dev/null and b/WebContent/html/imgs/loader.gif differ
diff --git a/WebContent/html/webpages/shoppingCart.jsp b/WebContent/html/webpages/shoppingCart.jsp
index bc0d203..1c3e84a 100644
--- a/WebContent/html/webpages/shoppingCart.jsp
+++ b/WebContent/html/webpages/shoppingCart.jsp
@@ -174,7 +174,7 @@ pageEncoding="ISO-8859-1"%>
             <label for="urgent">This is a permanent loan</label>
             <input type = "checkbox" name = "checkboxes" value = "perm">
           </div>
-          <button type="submit" class="btn btn-primary" id = "Submit" name="Submit">Submit</button>
+          <button type="submit" class="btn btn-primary" id = "Submit" name="Submit">Submit</button><img id = "load" src = "../imgs/loader.gif" style = "visibility: hidden; margin-left: 15px;"> 
         </form>
       </div>
 
@@ -453,6 +453,8 @@ function forceUpdateLocationMetadata() {
     // This is called just before order form is submitted. In order for any database activity to occur,
     // we must first append the employees ID as well as the ids of whatever devices are selected.
 
+    document.getElementById("load").style.visibility = 'visible';
+    
     // First, employee id
     userID=getUserID();
     document.orderForm.userID.value=userID;