Progress Bar in Apex

Put in html header and body attribute

<script type="text/javascript">

<!--

function html_Submit_Progress(pThis){

$x_Show('AjaxLoading');

window.setTimeout('$s("AjaxLoading",$x("AjaxLoading").innerHTML)', 100);

doSubmit('GO');

}

function submit_HideAll(pThis){

$x_Hide('wwvFlowForm');

doSubmit('GO');

}

function submit_ButtonRegion(pThis){

$x_Hide('button_region');

doSubmit('GO');

}

//-->

</script>

Put in html footer text

<style> #AjaxLoading{padding:5px;font-size:18px;width:500px;text-align:center;left:20%;top:20%;position:absolute;border:2px solid #666;background-color:#fff;}

</style>

<div id="AjaxLoading" style="display:none;"><div>..Compliance Service Running..</div></br><div align="center"><img src="/i/fusioncharts/spinner4-bluey.gif" id="wheel" /></div></br>Please do not press Go again until you have been notified that the compliance run has completed</br></br><img src="/i/fusioncharts/pleasewait.gif" id="wait" /></div>

Action when button clicked

javascript:html_Submit_Progress(this);