diff --git a/reboot.htm b/reboot.htm
index 0a739f5ae..eeb4a04b8 100644
--- a/reboot.htm
+++ b/reboot.htm
@@ -3,8 +3,30 @@
 <head>
 <link type="text/css" rel="stylesheet" href="/webGui/styles/default-fonts.css">
 <style>
-.notice{background-color:#FFF6BF;text-align:center;height:60px;line-height:60px;border-top:2px solid #FFD324;border-bottom:2px solid #FFD324;font-family:arimo;font-size:18px;}
+div.notice{background-color:#FFF6BF;text-align:center;height:80px;line-height:80px;border-top:2px solid #FFD324;border-bottom:2px solid #FFD324;font-family:arimo;font-size:18px;}
+span.title{font-size:28px;text-transform:uppercase;display:block;}
 </style>
+<script src="/webGui/javascript/dynamix.js"></script>
+<script>
+var start = new Date();
+
+function online() {
+  var now = new Date();
+  var time = Math.round((now.getTime()-start.getTime())/1000);
+  $.ajax({url:'/webGui/include/ProcessStatus.php',type:'POST',data:{name:'emhttp'},timeout:5000,
+    success:function(){$('div.notice').html("<span class='title'>Reboot</span>Bringing system down... "+time); setTimeout(online,5000);},
+    error:function(){$('div.notice').html("<span class='title'>Reboot</span>System is rebooting... 0"); start = new Date(); setTimeout(offline,5000);}
+  });
+}
+function offline() {
+  var now = new Date();
+  var time = Math.round((now.getTime()-start.getTime())/1000);
+  $.ajax({url:'/webGui/include/ProcessStatus.php',type:'POST',data:{name:'emhttp'},timeout:5000,
+    success:function(data){if (data.search('Running')>=0) location = '/Main'; else setTimeout(offline,5000);},
+    error:function(){$('div.notice').html("<span class='title'>Reboot</span>System is rebooting... "+time); setTimeout(offline,0);}
+  });
+}
+</script>
 </head>
-<body><div class='notice'>System is rebooting...</div></body>
+<body onload="online()"><div class='notice'><span class='title'>Reboot</span>Bringing system down... 0</div></body>
 </html>
diff --git a/shutdown.htm b/shutdown.htm
index 57da96439..c7e9f1708 100644
--- a/shutdown.htm
+++ b/shutdown.htm
@@ -3,8 +3,32 @@
 <head>
 <link type="text/css" rel="stylesheet" href="/webGui/styles/default-fonts.css">
 <style>
-.notice{background-color:#FFF6BF;text-align:center;height:60px;line-height:60px;border-top:2px solid #FFD324;border-bottom:2px solid #FFD324;font-family:arimo;font-size:18px;}
+div.notice{background-color:#FFF6BF;text-align:center;height:80px;line-height:80px;border-top:2px solid #FFD324;border-bottom:2px solid #FFD324;font-family:arimo;font-size:18px;}
+span.title{font-size:28px;text-transform:uppercase;display:block;}
 </style>
+<script src="/webGui/javascript/dynamix.js"></script>
+<script>
+var start = new Date();
+
+function online() {
+  var now = new Date();
+  var time = Math.round((now.getTime()-start.getTime())/1000);
+  $.ajax({url:'/webGui/include/ProcessStatus.php',type:'POST',data:{name:'emhttp'},timeout:5000,
+    success:function(){$('div.notice').html("<span class='title'>Shutdown</span>Bringing system down... "+time); setTimeout(online,5000);},
+    error:function(){$('div.notice').html("<span class='title'>Shutdown</span>System goes offline... 0"); start = new Date(); setTimeout(offline,5000);}
+  });
+}
+function offline() {
+  var now = new Date();
+  var time = Math.round((now.getTime()-start.getTime())/1000);
+  if (time < 30) {
+    $('div.notice').html("<span class='title'>Shutdown</span>System goes offline... "+time);
+    setTimeout(offline,5000);
+  } else {
+    $('div.notice').html("<span class='title'>Shutdown</span>System is powered off...");
+  }
+}
+</script>
 </head>
-<body><div class='notice'>System is shutting down...</div></body>
+<body onload="online()"><div class='notice'><span class='title'>Shutdown</span>Bringing system down... 0</div></body>
 </html>
