diff --git a/app/views/form.server.view.html b/app/views/form.server.view.html
index 97b8497f..e99221d6 100644
--- a/app/views/form.server.view.html
+++ b/app/views/form.server.view.html
@@ -30,6 +30,25 @@
 	<meta name="twitter:url" content="{{url}}">
 	<meta name="twitter:image" content="/img/brand/logo.png">
 
+	<style>
+		.loader {
+			position: fixed;
+			left: 0px;
+			top: 0px;
+			width: 100%;
+			height: 100%;
+			z-index: 9999;
+			background: url('/static/dist/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
+		}
+	</style>
+
+	<script src="/static/lib/jquery/dist/jquery.slim.min.js" type="text/javascript"></script>
+	<script type="text/javascript">
+		$(window).on("load", function() {
+			$(".loader").fadeOut("slow");
+		});
+	</script>
+
 	<!-- Fav Icon -->
 	<link href="/static/modules/core/img/brand/favicon.ico" rel="shortcut icon" type="image/x-icon">
 	<link rel="stylesheet" href="/static/lib/font-awesome/css/font-awesome.min.css">
@@ -40,6 +59,7 @@
 	{% endfor %}
 	<link rel="stylesheet" href="/static/lib/angular-input-stars/angular-input-stars.css">
 	<link rel="stylesheet" href="/static/lib/jquery-ui/themes/flick/jquery-ui.min.css"/>
+
 	<!-- end Bower CSS dependencies-->
 
 	<!--Application CSS Files-->
@@ -56,6 +76,8 @@
 </head>
 
 <body ng-cloak>
+<div class="loader"></div>
+
 
 <section class="content">
 	<section ui-view></section>
@@ -82,7 +104,6 @@
 
 <!--Socket.io Client Dependency-->
 <script src="/static/lib/socket.io-client/dist/socket.io.min.js" async></script>
-
 <script src="/static/lib/jquery/dist/jquery.min.js" type="text/javascript"></script>
 
 <script src="/static/dist/vendor.min.js"></script>
diff --git a/public/dist/page-loader.gif b/public/dist/page-loader.gif
new file mode 100644
index 00000000..ae90a507
Binary files /dev/null and b/public/dist/page-loader.gif differ
