diff --git a/build.gradle b/build.gradle
index 427b566..b1a3ff5 100644
--- a/build.gradle
+++ b/build.gradle
@@ -36,6 +36,7 @@ dependencies {
     compile('com.fasterxml.jackson.datatype:jackson-datatype-jsr310:2.8.8')
     compile('org.webjars:bootstrap:3.3.7-1')
     compile('org.webjars:jquery:3.2.0')
+    compile('org.webjars:jquery-blockui:2.65')
     compile('org.webjars:clipboard.js:1.6.1')
     compile('org.webjars.bower:pwstrength-bootstrap:2.0.3')
     compile('org.webjars.bower:bootstrap-maxlength:1.7.0')
diff --git a/src/main/resources/static/js/app.js b/src/main/resources/static/js/app.js
index 90eef28..cde8775 100644
--- a/src/main/resources/static/js/app.js
+++ b/src/main/resources/static/js/app.js
@@ -27,4 +27,24 @@ $(function () {
         setTooltip(e.trigger, 'Failed!');
         hideTooltip(e.trigger);
     });
+    
+    // must be greater than z-index of maxlength indicator
+    $.blockUI.defaults.baseZ = 2000;
+    $.blockUI.defaults.css.border = '6px double #669966';
+    
+    $('form.submit--blocking').submit(function(event) {
+        var abortSend = function() {
+            $.unblockUI();
+            history.go(0); // reset page
+        };
+        var block = function() {
+            $.blockUI({
+                message: 'Please wait .. click to ABORT',
+                overlayCSS: { backgroundColor: '#99CC00' },
+                onOverlayClick: abortSend
+            }); 
+        };
+        setTimeout(block, 700);
+    }); 
+    
 });
diff --git a/src/main/resources/templates/layout.html b/src/main/resources/templates/layout.html
index 9a671db..2eab3f2 100644
--- a/src/main/resources/templates/layout.html
+++ b/src/main/resources/templates/layout.html
@@ -18,6 +18,7 @@
     <link rel="stylesheet" type="text/css" th:href="@{/webjars/bootstrap/3.3.7-1/css/bootstrap.min.css}"/>
     <link rel="stylesheet" type="text/css" th:href="@{/css/app.css}"/>
     <script th:src="@{/webjars/jquery/3.2.0/jquery.min.js}"></script>
+    <script th:src="@{/webjars/jquery-blockui/2.65/jquery.blockUI.js}"></script>
     <script th:src="@{/webjars/bootstrap/3.3.7-1/js/bootstrap.min.js}"></script>
     <script th:src="@{/webjars/clipboard.js/1.6.1/clipboard.min.js}"></script>
     <script th:src="@{/js/app.js}"></script>
diff --git a/src/main/resources/templates/send/send_form.html b/src/main/resources/templates/send/send_form.html
index 9efc123..118e20e 100644
--- a/src/main/resources/templates/send/send_form.html
+++ b/src/main/resources/templates/send/send_form.html
@@ -29,7 +29,8 @@ <h1>Secure Transfer</h1>
 
     <p>Securely send your sensitive data.</p>
 
-    <form th:action="@{/send}" method="post" th:object="${command}" enctype="multipart/form-data" autocomplete="off">
+    <form th:action="@{/send}" method="post" class="submit--blocking"
+        th:object="${command}" enctype="multipart/form-data" autocomplete="off">
 
         <div class="panel panel-danger" th:if="${#fields.hasAnyErrors()}">
             <div class="panel-heading">Error processing your request</div>