ASP Update Progress control never comes back, continues to display progress bar - asp.net

Question

I have a web page that contains a UpdateProgress control. When I execute the following code the progress bar displays and never goes away.
protected void lnkBtnName_Click(object sender, EventArgs e)
{
int index = ((GridViewRow)((LinkButton)sender).Parent.Parent).RowIndex;
hdnGvSelectedIndex.Value = index.ToString();
SetPageContent();
}
private void SetPageContent()
{
try
{
ResetControls();
if (gv.Rows.Count > 0)
{
index = Convert.ToInt32(hdnGvSelectedIndex.Value);
id = Convert.ToInt64(gv.DataKeys[index].Values[0].ToString());
hdnID.Value = id.ToString();
if (gv.Rows.Count > 0)
gv.SelectedIndex = index;
}
var _obj = _manager.GetByID(id).FirstOrDefault();
if (_obj != null)
{
txtName.Text = _obj.Name;
txtDisplayName.Text = _obj.DisplayName;
}
}
catch (Exception ex)
{
// Error processing
}
}
The web page...
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<div style="text-align: center;">
<asp:UpdateProgress ID="updateProgress" runat="server">
<ProgressTemplate>
<div style="position: fixed; text-align: center; height: 100%; width: 100%; top: 0; right: 0; left: 0; z-index: 9999999; background-color: #000000; opacity: 0.7;">
<asp:Image ID="imgUpdateProgress" runat="server" ImageUrl="Content/img/loader.gif" AlternateText="Loading ..." ToolTip="Loading ..." Style="padding: 10px; position: fixed; top: 45%; left: 50%;" />
</div>
</ProgressTemplate>
</asp:UpdateProgress>
</div>
<asp:UpdatePanel ID="updpnlContentDetail" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:HiddenField runat="server" ID="hdnEnvironmentType" />
<asp:HiddenField runat="server" ID="hdnID" />
<asp:HiddenField runat="server" ID="hdnGvSelectedIndex" Value="0" />
<asp:HiddenField runat="server" ID="hdnButtonPermission" Value="0" />
<asp:HiddenField runat="server" ID="hdnSelectedTab" Value="0" />
<asp:HiddenField runat="server" ID="hdnButtonStatus" Value="Active" />
<div class="row">
<div class="col-md-3">
<h5>Manage Detail</h5>
<div class="filterWrapper relative" id="dvLeftcontentdetail">
<div class="clearfix whiteBg">
<div class="pull-left">
<label>Bucket Type</label>
</div>
<div class="pull-right">
<span class="addBtn">Add
<asp:Button ID="lnkbtnAdd" runat="server" OnClick="lnkbtnAdd_Click" CssClass="btn btn-add pull-right"></asp:Button>
</span>
</div>
</div>
<div class="input-group clearfix col-sm-12">
<asp:TextBox CssClass="form-control height26" ID="txtSearchName" runat="server"></asp:TextBox>
<span class="input-group-btn">
<asp:Button ID="btnSearch" runat="server" OnClick="btnSearch_Click" CssClass="btn btn-black glyphicons filter btn-icon white input-group-btnbtnmargin"></asp:Button>
<i></i>
</span>
</div>
<div id="divgv">
<div id="" class="gridview2 relative" style="height: 424px;">
<asp:GridView CssClass="gridview" ID="gv" runat="server" DataKeyNames="ID" PageSize="13" OnPageIndexChanging="gv_PageIndexChanging" ShowHeader="False"
AutoGenerateColumns="false" AllowPaging="true">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:Label ID="lblID" runat="server" Visible="false" Text='<%#Eval("ID") %>' />
<asp:LinkButton ID="lnkBtnShowContentDetail" runat="server" Text='<%#Eval("Name") %>' CommandName="Select" OnClick="lnkBtnName_Click" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
<PagerStyle CssClass="gridview-pager"></PagerStyle>
<SelectedRowStyle CssClass="gvSelectedRow" />
</asp:GridView>
<div id="content"></div>
<div class="filterResults relative btnGroup">
<div class="btn-groupSpecial">
<asp:Button ID="lnkbtnActive" runat="server" Text="Active" OnClick="lnkbtnActive_Click" OnClientClick="return ConfirmMessage(4); " CssClass="results-control col-xs-4 active"></asp:Button>
<asp:Button ID="lnkbtnInActive" runat="server" Text="InActive" OnClick="lnkbtnInActive_Click" OnClientClick="return ConfirmMessage(5);" CssClass="results-control col-xs-4"></asp:Button>
<asp:Button ID="lnkbtnAll" runat="server" Text="All" OnClick="lnkbtnAll_Click" CssClass="results-control col-xs-4" OnClientClick="return ConfirmMessage(6);"></asp:Button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-9">
<h5>Details</h5>
<div id="dvRightContent" class="row clearfix relative btnGroup btnGroup3" style="height: 492px;">
<div class="tabControls">
<ul class="nav nav-tabs">
<li class="col-xsm-100 nav-tabs-content active"><span class="linkDisabledsp"> </span><a data-toggle="tab" href="#manageDetailTab" onclick="SetSelectedTab('contentTab')">Bucket Details</a></li>
</ul>
<div class="row">
<div class="col-md-12">
<div class="col-md-4">
<label for="iconName">Name</label>
<asp:TextBox CssClass="form-control" ID="txtName" MaxLength="250" runat="server"></asp:TextBox>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="col-md-4">
<label for="iconName">Display Name</label>
<asp:TextBox CssClass="form-control" ID="txtDisplayName" MaxLength="250" runat="server"></asp:TextBox>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
</div>
</div>
<div class="col-md-12 btnGroup2 row navbar-fixed-bottom">
<div class="btn-groupSpecial clearfix">
<asp:Button ID="lnkbtnSave" OnClientClick="return FormValidation();" runat="server" Text="Save" OnClick="lnkbtnSave_Click" CssClass="results-control col-xsm-32"></asp:Button>
<asp:Button ID="lnkbtnCancel" runat="server" OnClientClick=" return ConfirmMessage(2);" Text="Cancel" OnClick="lnkbtnCancel_Click" CssClass="results-control col-xsm-32"></asp:Button>
<asp:Button ID="lnkbtnDelete" runat="server" OnClientClick="return ConfirmMessage(3);" Text="Delete" OnClick="lnkbtnDelete_Click" CssClass="results-control col-xsm-32"></asp:Button>
</div>
</div>
</div>
</div>
</div>
<div id="AlertBox" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
<h4 class="modal-title">Alert</h4>
</div>
<div class="modal-body">
<p id="alertMessage" runat="server"></p>
</div>
<div class="modal-footer">
<button type="button" class="btn" id="btnOK" data-dismiss="modal">OK</button>
</div>
</div>
</div>
</div>
<!-- Modal Dialog -->
<div id="ConfirmBox" class="modal fade" role="dialog" aria-labelledby="confirmDeleteLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
<h4 class="modal-title">Confirm?</h4>
</div>
<div class="modal-body">
<p id="ConfirmBoxMessage"></p>
</div>
<div class="modal-footer">
<asp:Button ID="btnConfirmedSave" CssClass="btn btn-danger" runat="server" Text="OK" UseSubmitBehavior="false" data-dismiss="modal" OnClick="lnkbtnSave_Click" Style="display: none;"></asp:Button>
<asp:Button ID="btnConfirmedCancel" CssClass="btn btn-danger" runat="server" Text="OK" UseSubmitBehavior="false" data-dismiss="modal" OnClick="lnkbtnCancel_Click" Style="display: none;"></asp:Button>
<asp:Button ID="btnConfirmedDelete" CssClass="btn btn-danger" runat="server" Text="OK" UseSubmitBehavior="false" data-dismiss="modal" OnClick="lnkbtnDelete_Click" Style="display: none;"></asp:Button>
</div>
</div>
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>
Why is the UpdateProgress control not returning?
Thanks

Answer 1

Try to set the AssociatedUpdatePanelID property of the progress control.

Answer 2

The UpdateProgress control renders a <div> element that is displayed
or hidden depending on whether an associated UpdatePanel control has
caused an asynchronous postback.
So you are Missing that Associated UpdatePanelID that has caused the asynchronous Postback
Try to change your update Progress as follows:
<div style="text-align: center;">
<asp:UpdateProgress ID="updateProgress" AssociatedUpdatePanelID ="updpnlContentDetail" runat="server">
<ProgressTemplate>
<div style="position: fixed; text-align: center; height: 100%; width: 100%; top: 0; right: 0; left: 0; z-index: 9999999; background-color: #000000; opacity: 0.7;">
<asp:Image ID="imgUpdateProgress" runat="server" ImageUrl="Content/img/loader.gif" AlternateText="Loading ..." ToolTip="Loading ..." Style="padding: 10px; position: fixed; top: 45%; left: 50%;" />
</div>
</ProgressTemplate>
</asp:UpdateProgress>
</div>
For More Information about Update Progress refer this Source