This discussion is archived
2 Replies Latest reply: Nov 13, 2012 1:25 AM by Tom Petrus RSS

Show Progress Bar while only on Page Load.

Jitendra Pro
Currently Being Moderated
Hi Experts,

I want to show progress bar every time when page loads.

Progress bar is coming on the page. but it is not going off after page is loaded.
Below is the code which i added for the Progress bar.
//written on Header Text of Page
<script type="text/javascript">
function html_Submit_Progress(pThis){
window.setTimeout('$s("AjaxLoading",$x("AjaxLoading").innerHTML)', 100);


//written on footer text of Page

<style> #AjaxLoading{padding:5px;font-size:18px;width:200px;text-align:center;left:20%;top:20%;position:absolute;border:0px solid #666;}
<div id="AjaxLoading" style="display:none;"><br /><img src="#APP_IMAGES#progress_bar.gif" id="wait" /></div>

//called the function Execute on Page Loads  
Progress bar is continuously showing on the page after page is loaded.

I want only to show only page loads.

Please help me .

Apex Version : Apex 4.1
DB Version : 10g

  • 1. Re: Show Progress Bar while only on Page Load.
    Mindmap Pro
    Currently Being Moderated

    Please check this Example App - that you can download.

    You can also check this Loading Image plugin.

    Best Regards,
  • 2. Re: Show Progress Bar while only on Page Load.
    Tom Petrus Expert
    Currently Being Moderated
    Hide the loader element when the page has loaded. Put this in the javascript section
    $(document).ready(function(){ $x_Hide('AjaxLoading'); });
    Or put it in the page load section
    Or create a dynamic action which fires on page load, select a hide action, and use a jQuery selector to target '#AjaxLoading' as an affected element.


  • Correct Answers - 10 points
  • Helpful Answers - 5 points