Show Progress Bar in Dialog. Useful during ajax operations

ProgressDialog.js

$(document).ready(function(){
	$("BODY").append('<div id="dialog-message" title="In Progress">\
		<div id="progressbar"></div>\
		</div>');
});

function ShowDialog() {
	$( "#dialog-message" ).dialog({
		dialogClass: "no-close",
      modal: true
    });
	
	$( "#progressbar").progressbar({
	      value: false
	});
}

function HideDialog(){
	$( "#dialog-message" ).dialog( "close" );
}

/*
<!-- This style is for ProgressDialog.js -->
<style>
#progressbar .ui-progressbar-value {
background-color: #ccc;
}
  
.no-close .ui-dialog-titlebar-close {
  display: none;
}
</style>
*/