<!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>
<script>
$(document).ready(function () {
$('#demo5').click(function () {
debugger;
$.blockUI({
message: $('#displayBox'),
css: {
top: ($(window).height() - 400) / 2 + 'px',
left: ($(window).width() - 400) / 2 + 'px',
width: '400px'
}
});
setTimeout($.unblockUI, 2000);
});
});
</script>
</head>
<body>
<div id="displayBox" style="display:none">
<img src="images/sads.gif" height="150px;" />
</div>
<button class="btn" id="demo5">Click</button>
</body>
</html>
