We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to show progress bar or loading fucntion

Thread ID:





119302 Jun 3,2015 01:25 PM UTC Jun 4,2015 09:15 AM UTC ASP.NET MVC 1
Tags: Progressbar
Bharat Buddhadev
Asked On June 3, 2015 01:25 PM UTC

Can you provide example of progress bar.

In mvc application while plotting chart I want to display progress bar 

Can your provide a better example progress bar

Thanks in advance
Waiting for your quick reply as always.

Saranya Sivakumar [Syncfusion]
Replied On June 4, 2015 09:15 AM UTC

Hi Bharat,

Thanks for using Syncfusion products.

We would like to let you know that we can display the Progress bar in the Modal Dialog while plotting the Chart control. We can achieve this by defining Modal dialog with Progressbar control in the view page after defining the Chart control as shown in the following code snippet.



    @Html.EJ().ProgressBar("progressBar").Height("22px").ClientSideEvents(e => e.Complete("oncompleted"))

    </div>).EnableModal(true).ShowHeader(false).EnableResize(false).Width(1000).ClientSideEvents(evt => evt.Close("onDialogClose")).Render();}


In the PreRender event of our Chart control we have to render the Dialog control along with the progress bar as shown in the following code snippet.


function renderProgress() {


      var  timer = window.setInterval(draw, 100);




Then in the Complete event of our Progress bar control we have to clear the interval timer and close the Dialog as shown in the following code snippet.


function oncompleted(args) {           

            var progresObj = $("#progressBar").data("ejProgressBar");

        progresObj.option("text", "Completed");

        timer = window.clearInterval(timer);

        k = 0;




For your convenience we have prepared the custom sample based on your requirement and the same can be downloaded from the following link location.


Please let us know if you have any other queries.




This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon