C# Tutorials and offshore development in India
    Tutorials   Resources   Forum   Communities   Interview   Jobs   Projects   Offshore Development    
Silverlight Tutorials | Mentor | Code Converter | Articles | Code Factory | Computer Jokes | Members | Peer Appraisal | IT Companies | Bookmarks | Revenue Sharing |


Prizes & Awards
My Profile



Active Members
TodayLast 7 Days more...
New Feature: Community Sites: Create your own .NET community website and start earning from Google AdSense ! It's Free !






How to create Progress Bar Using AJAX


Posted Date: 12 Jun 2008    Resource Type: Code Snippets    Category: AJAX
Author: BharathiMember Level: Diamond    
Rating: Points: 10



The following code shows how to create Progress Bar Using AJAX.
There is an UpdatePanel , which has a Button into it. And Place an UpdateProgress which perform the defined progress for the action happens inside the UpdatePanel by any of the controls within it.

Since i have an UpdateProgress within the UpdatePanel, and have set the AssociatedUpdatePanelID="UpdatePanel1". The UpdateProgress has the "gif" image which looks like a progress.

Place a gif image of a progress bar and impletement the same thing for showing the progress to the user.

Please find the attachments if you are not able to see the design.

Design:


<asp:UpdatePanel ID="UpdatePanel1" runat="server">
     <ContentTemplate>
          <table>
              <tr>
                  <td>
                     <asp:UpdateProgress runat="server" ID="UpdateProgress1" DynamicLayout="false" AssociatedUpdatePanelID="UpdatePanel1">
                            <ProgressTemplate>
                                <img id="Img1" runat="Server" src<Path of Gif or motion image file>" height="12"  alt=""/>
                             </ProgressTemplate>
                     </asp:UpdateProgress>
                  </td>
              </tr>
              <tr>
                 <td><asp:Button CssClass="button" Text="Search" runat="server" ID="NewPage" /></td>              
              </tr>
          </table>
     </ContentTemplate>
</asp:UpdatePanel>




Attachments

  • Progress Bar (18552-12424-Progress Bar.txt)



    • Responses
    Author: Kapil Dhawan    17 Jun 2008Member Level: Gold   Points : 2
    Hello
    Nice piece of code
    Thanks for sharing your knowledge with us.
    I hope to see more good code from your side

    This Code is going to help lots of guys
    Ton thanks to you

    Regards,
    Kapil



    Author: Kapil Dhawan    17 Jun 2008Member Level: Gold   Points : 2
    Hello
    Nice piece of code
    Thanks for sharing your knowledge with us.
    I hope to see more good code from your side

    This Code is going to help lots of guys
    Ton thanks to you

    Regards,
    Kapil



    Feedbacks      
    Popular Tags   What are tags ?   Search Tags  
    Progress Bar  .  

    Post Feedback


    This is a strictly moderated forum. Only approved messages will appear in the site. Please use 'Spell Check' in Google toolbar before you submit.
    You must Sign In to post a response.
    Next Resource: Expand panel
    Previous Resource: Pop up a Message box in an Update Panel
    Return to Discussion Resource Index
    Post New Resource
    Category: AJAX


    Post resources and earn money!     		 
    Related Resources


    dotNet Slackers   BizTalk Adaptors    Web Design

    Contact Us    Privacy Policy    Terms Of Use