need to loading image with css when update panel is working

Question

I need to show my the progress image when update panel is working. Also I want to show the remaining background to deactivate.

Can you please guide me how can i achieve this using my loading.gif image and updatepanel in .net.

Thanks in advance.

Sachin · Accepted Answer · 2013-01-11 11:14:34Z

2

Its simple.

Here is the code for Update Progress Panel

<asp:UpdateProgress ID="UpProgress" AssociatedUpdatePanelID="up" DisplayAfter="0"
    runat="server">
    <ProgressTemplate>
        <div align="center" class="contactmain">
            <img id="Img1" src="~/frontimage/loading.gif" runat="server" />
        </div>
    </ProgressTemplate>
</asp:UpdateProgress>

and css for that

.contactmain
{
 position: fixed;
 z-index: 1001;
 top: 0px;
 left: 0px;
 vertical-align: middle;
 text-align: center;
 width: 100%;
 height: 600px;
 opacity: 0.7;
 filter: alpha(opacity=70);
 background-color: Gray;
 background-image: none;
 background-repeat: no-repeat;
 display: block;
 border: solid 1px black;
 padding: 100px 0 0 0;
}

answered Jan 11, 2013 at 11:14

Sachin

2,1481 gold badge24 silver badges47 bronze badges

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

1 Comment

Bhavik Goyal Over a year ago

Thanks but I had tried this but it was not showing. Are you sure this is working?

Collectives™ on Stack Overflow

need to loading image with css when update panel is working

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related