function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion

Progress Bar on Javascript button

I've detail page button (content source: Javascript), on Account detail page. Upon click of this button, data on Account will be sent to an inhouse application. Requirement is to show a progress bar upon the button click showing the progress of the data sent.

To summarize-

I'd like to know how can I show progress bar (animated image) with the statuses of integration completed.

For example:

Integration1 in progress..
Integration1 completed..

Integration2 in progress
Integration2 completed.

Any pointers on how to implement this is much appreciated..
Saurabh Sagar GulatiSaurabh Sagar Gulati
If you are using apex to send the data then please look at the below article this may help you to show a progress bar till the time your data is sent.

This uses actionstatus to dispay an image till the time you request is in process. Please let me know if you have any question.
Vivek DeshmaneVivek Deshmane
Hi ,
You can try below code. let me know.
<apex:actionstatus id="loadingStatus">
                <div class="waitingSearchDiv" id="el_loading" style="background-color: #fbfbfb;
                       height: 150%;opacity:0.65;width:100%;"> 
                <div class="waitingHolder" style="top: 300px; width: 91px;">
                    <img class="waitingImage" src="/img/loading.gif" title="Please Wait..." />
                    <span class="waitingDescription">In progress...</span>

   <apex:actionFunction action="Save" status="loadingStatus"/>

Blogs to refer:

-Vivek Deshmane
Thank you guys for your response. The requirement is on the Detail Page (Javascript) button not on the visual force page. Through the Javascript button, I'm calling the helper classes which has the logic to invoke the webservices.
@Love SFDC -- Hi , did u get any work around for this ?