diff --git a/views/logs.tpl b/views/logs.tpl
index 5851530e3..305002b0b 100644
--- a/views/logs.tpl
+++ b/views/logs.tpl
@@ -13,6 +13,9 @@
 		</style>
 	</head>
 	<body>
+		<div id='logs_loader' class="ui page dimmer">
+		   	<div class="ui indeterminate text loader">Loading...</div>
+		</div>
 		<div class="content">
 			<table class="ui very basic selectable table">
 				<thead>
diff --git a/views/system.tpl b/views/system.tpl
index 0c46e10ab..738a1c9dd 100644
--- a/views/system.tpl
+++ b/views/system.tpl
@@ -145,6 +145,8 @@
 	function loadURL(page) {
 		$.ajax({
 	        url: "{{base_url}}logs/" + page,
+	        beforeSend: function() { $('#loader').addClass('active'); },
+        	complete: function() { $('#loader').removeClass('active'); },
 	        cache: false
 	    }).done(function(data) {
 	    	$("#logs").html(data);
