Show updateprogress control for particular row when click on button in GridView in ASP.Net

endra says:

 <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">

                                                            <ContentTemplate>

                                                                <div class="row">

                                                                    <div class="col-sm-offset-1 col-sm-8 form-group">

                                                                        <asp:Label ID="4lbl" runat="server" CssClass="control-label" Text="data:" ></asp:Label>

                                                                        <asp:TextBox ID="1txt" runat="server" CssClass="form-control txtbdrclr" TextMode="MultiLine" Rows="2" ></asp:TextBox>

                                                                    </div>

                                                                </div>

                                                                <div class="row">

                                                                    <div class="col-sm-offset-1 col-sm-11 form-group">

                                                                        <asp:Button ID="Button1" runat="server" CssClass="btn btnbtn btn-success" Text="Post" CommandName="cmdpost" />

                                                                    </div>

                                                                </div>

                                                                <div class="col-sm-offset-4 col-sm-8">

                                                                  <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="GridView1" DynamicLayout="true">

                                                                   <ProgressTemplate>

                                                                   <div class="img-responsive">

                                                                    <img src="Images/ajax-loader (2).gif" />

                                                                     Loading..

                                                                   </div>

                                                                   </ProgressTemplate>

                                                                  </asp:UpdateProgress>

                                                                 </div>

                                                            </ContentTemplate>

                                                        </asp:UpdatePanel>

 replace above code with below

<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
    <ContentTemplate>
        <div class="row">
            <div class="col-sm-offset-1 col-sm-8 form-group">
                <asp:Label ID="4lbl" runat="server" CssClass="control-label" Text="data:"></asp:Label>
                <asp:TextBox ID="1txt" runat="server" CssClass="form-control txtbdrclr" TextMode="MultiLine"
                    Rows="2"></asp:TextBox>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-offset-1 col-sm-11 form-group">
                <asp:Button ID="Button1" runat="server" CssClass="btn btnbtn btn-success" Text="Post"
                    CommandName="cmdpost" />
            </div>
        </div>
    </ContentTemplate>
</asp:UpdatePanel>
<div class="col-sm-offset-4 col-sm-8">
    <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="GridView1"
        DynamicLayout="true">
        <ProgressTemplate>
            <div class="img-responsive">
                <img src="Images/ajax-loader (2).gif" />
                Loading..
            </div>
        </ProgressTemplate>
    </asp:UpdateProgress>
</div>

You were placing the update progress bar inside the update panel you need to place it after update panel and make AssociatedUpdatePanelID set the update panel id not the gridview id

Screenshot