How to see progress of processing using jquery

Question

Hello all,

 

Hope this question meet you in good health.

 

What i want to achieve is using Jquery to show the progress level of application processing either Updating or INSERTING of records.

 

I have tried:

$('#progressbar').hide();
$("#<%=Button1.ClientID%>").click(function () {

              $('#progressbar').show();
              $('#progressbar').progressbar({
                  value: false
              });


          });

This shows a progress bar, want the progress bar to show the percentage of processing e.g  

 

I am developing the application in ASP.NET C# 

 

Thank you in advance