How to display loading img for page loading in ASP.NET?

Question

0.00/5 (No votes)

See more:

Hi guys,

I have ASP.NET(C#) web application, in which i have some pages and in each page
i want to place a loading img, without using updateprogress.

Using javascript/jquery can i do this?

What I have tried:

i have tried using updateprogress but it is making problem when i have repeater in that page, and have some buttons in that repeater, then these buttons are not able to get calling their events.

plz help me.

Thanks

Posted 15-May-16 23:52pm

abdul subhan mohammed

Updated 16-May-16 22:53pm

Add a Solution

Comments

F-ES Sitecore 16-May-16 5:55am

The html for the loading image will only be shown in the browser when the whole page has finished rendering as that is how asp.net works. So you'll need to completely re-design how your page works such that the only thing returned from a page request is the header\footer etc and the loading image, and you then load the content of your page via ajax and once it is done hide the loading image.

As we know nothing about your code, your page or how it is implemented we can't offer any specific advice.

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Prasad Khandekar · Answer 1 · 2016-05-16T22:20:00

Solution 2

Hello,

Here are couple of interesting projects.

Regards,
Prasad P. Khandekar

Posted 16-May-16 22:20pm

Prasad Khandekar

koolprasad2003 · Answer 2 · 2016-05-16T22:53:00

There are couple of ways to do it, you can use HTML DIV which is used to display the loading progress image, using JQuery, see below snippet
[code]

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<script type="text/javascript">

    function ShowProgress() {

        setTimeout(function () {

            var modal = $('<div />');

            modal.addClass("modal");

            $('body').append(modal);

            var loading = $(".loading");

            loading.show();

            var top = Math.max($(window).height() / 2 - loading[0].offsetHeight / 2, 0);

            var left = Math.max($(window).width() / 2 - loading[0].offsetWidth / 2, 0);

            loading.css({ top: top, left: left });

        }, 200);

    }

    $('form').live("submit", function () {

        ShowProgress();

    });

</script>

[/code]
checkout below link for more details
Display loading progress image when Page Loads or does PostBack using ASP.Net[^]
Loading Message when Page Loads[^]