how to show a PROGRESS BAR control when uploading a file

LP MER

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

        <Triggers>

            <asp:PostBackTrigger ControlID="btnUpload" /> 

        </Triggers>

        <ContentTemplate>

            <asp:FileUpload ID="myFile" runat="server" />

            <asp:Label ID="lblMsg" runat="server"></asp:Label>            

            <br />

            <asp:Button ID="btnUpload" runat="server" Text="Upload" 

                OnClick="UploadFile" OnClientClick="javascript:showWait();"/>           

            <asp:UpdateProgress ID="UpdateProgress1" runat="server" 

                AssociatedUpdatePanelID="UpdatePanel1">

                <ProgressTemplate>

                    <asp:Label ID="lblWait" runat="server" BackColor="#507CD1" 

                        Font-Bold="True" ForeColor="White" 

                        Text="Please wait ... Uploading file"></asp:Label>

                </ProgressTemplate>

            </asp:UpdateProgress>

        </ContentTemplate>

    </asp:UpdatePanel>

<script language="javascript" type="text/javascript">

function showWait()

{

    if ($get('myFile').value.length > 0)

    {

        $get('UpdateProgress1').style.display = 'block';

    }

}

</script>

Dorababu