Show "Loading/Loader/Progress Bar" after button click in ASP.NET (Web Form)

Question

In my login page I need a function where user clicks on the "Login" button and a loader appears (GIF or any kind of message) before page fully loads.

I tried many ways to do that but I wasn't successful. The loader only shows up after page is fully loaded.

Is there any function that it can display the loader while page is loading or server is processing?

I appreciate your efforts in reaching a solution for my problem.

Thanks @fubo for your quick response but unfortunately I can't use UpdatePanel on that page since there are some CSS styles where they get disappeared if page doesn't fully PostBack and this also applies to ASP:ScriptManager, as soon as I put ScriptManager in my page the RequiredFieldValidator doesn't validate my fields until it does PostBack. — Kevin Maxwell
– Kevin Maxwell, Commented Aug 14, 2015 at 14:16
Perform ajax call as $.ajax({ url : 'your_url', type: 'POST', dataType: 'json', data: 'your_data', dataType: 'application/json; charset=utf-8' success: function() { } }); Before calling ajax you can show the spinner and hide it in success function. — Akshay
– Akshay, Commented Aug 14, 2015 at 14:22

Akshay · Accepted Answer · 2015-08-17 08:14:27Z

1

Here is what you can do

$('#btn_id').click(function () {     
    var username = $('#username').val(); 
    var password = $('#password').val(); 

    if (username != "" && password != "") { 
    $('#Loader').modal(); 
    } 
});

answered Aug 17, 2015 at 8:14

Akshay

5407 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Show "Loading/Loader/Progress Bar" after button click in ASP.NET (Web Form)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related