<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link href="Content/bootstrap.min.css" rel="stylesheet" />
<script src="Scripts/jquery-3.0.0.min.js"></script>
<script src="Scripts/bootstrap.min.js"></script>
<script src="Scripts/jquery.blockUI.js"></script>
<title></title>
<script type="text/javascript">
$(document).ready(function () {
$('#demo2').click(function () {
debugger;
$.blockUI({
message: $('#displayBox'),
css: {
border: 'none',
padding: '15px',
backgroundColor: '#000',
'-webkit-border-radius': '10px',
'-moz-border-radius': '10px',
opacity: .5,
color: '#fff'
}
});
setTimeout($.unblockUI, 2000);
});
});
</script>
</head>
<body>
<div id="displayBox" style="display:none">
<h1>What Problem </h1>
</div>
<button class="btn" id="demo2">Click Here</button>
</body>
</html>
