How to show progress bar in ASP.Net ?

In this article, I have explained about how to show progress bar in web page during process run-time using ASP.Net. This sample program I have used AJAX control toolkit for show progress bar. This progress bar is help to show user understand the process still in progress.

For example during the file upload time we can use progress bar to show for intimate the user the file is uploading. Like this here I used code how to shoe progress bar.

Java script code:Below java script code is used to show/hide pop up window.

<script language="javascript" type="text/javascript">
function ShowModalPopup(ModalBehaviour)

function HideModalPopup(ModalBehaviour)

CSS code:During progress window open time set the back ground color of parent window using below css code

<style type="text/css">
background-color: Gray;
filter: alpha(opacity=70);
opacity: 0.7;
background-color: #ffffff;
padding: 3px;
width: 200px;
height: auto;

Below code is used to show pop up progress bar

<ajaxToolkit:ModalPopupExtender runat="server" PopupControlID="PanLoad" ID="ModalProgress" TargetControlID="PanLoad" BackgroundCssClass="modalBackground" BehaviorID="pload">
<asp:Panel ID="PanLoad" runat="server" CssClass="modalPopup">
<asp:UpdatePanel ID="UpdatePanel2" runat="server">
<asp:UpdateProgress ID="UpdateProgress1" runat="server" DisplayAfter="0">
<div align="center"><br />
<img src="images/load.gif" alt="loading" title="loading" />
Processing ... <br />

Source Code Detail:
Here with my attached source code with progress images and its AJAX tool kit download it and try to show progress bar in your ASP.Net website.
Front End : ASP.NET
Code Behind : C#

I hope that my article help to beginner for show progress bar.


  • Progressbar_Example (42980-19024-ModalPrgExample.rar)
  • Comments

    Guest Author: Vetssy20 Feb 2012

    Thanks for the solution! it really made my day.But how does this solve the problem and why such issues are not mentioned in the places like read me files etc.??

    Guest Author: hemant29 May 2012

    good work

    Guest Author: Rass Ras02 Feb 2013

    many thanks. it works :D

  • Do not include your name, "with regards" etc in the comment. Write detailed comment, relevant to the topic.
  • No HTML formatting and links to other web sites are allowed.
  • This is a strictly moderated site. Absolutely no spam allowed.
  • Name: