Error while displaying progress bar in jquery - object does not support this property or method

Quote:

Hi,

I am a new bie in Jquery...I want to have a progress bar such that the page will be in disabled mode till back end data is fetched. This is my code:

XML

<script type="text/javascript" src="Script/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="Script/jquery-ui-1.8.5.custom.min.js"></script>
    <script type="text/javascript" src="Script/json2.js"></script>
    <script src="Script/ShowProgress.js" type="text/javascript"></script>
    <link href="EDMCSS/Progress.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">

$("#ddlwrkfltemplate").change(
    function() {
        var wkfltemplateid;
        debugger;
        $.showprogress();
        if ($("#ddlwrkfltemplate option:selected").text() == 'Select One') {
            $("#trpreswkflcreation").hide();
            $("#trHyperlnk").hide();
            $("#trlaststep").hide();
            $("#itrinitialstep").hide();
            $("#trbuttons").hide();
            $("#trdocflow").hide();
            wkfltemplateid = 0;
            $("#lstallpres").empty();
            $("#lstwkflpres").empty();
            $("#drpsteps").empty();
            $("#ddlwrkflnames").empty();
        }
        else {
            $("#trpreswkflcreation").show();
            $("#trHyperlnk").show();
            $("#itrinitialstep").show();
            $("#trlaststep").show();
            $("#trbuttons").show();
            $("#trdocflow").show();
            wkfltemplateid = "{wkflId:'" + $('#ddlwrkfltemplate').val() + "'}"
        }
        if (wkfltemplateid != 0) {
            var arr = { wkfl: { "WorkflowId": $('#ddlwrkfltemplate').val()} };
            var templateObj = "{wkflStr:'" + JSON.stringify(arr.wkfl) + "'}";
            $.ajax({
                type: "POST",
                url: "AsynchronousMethods.asmx/GetWorkflowtemplatedetails",
                data: templateObj,
                async: false,
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function(data) {
                    $("#lblfrstStep").text(data.d.FirstStep);
                    $("#lbllastStep").text(data.d.CompletionStep);
                }
            });
            Workflow.PopulatePresList();
        }


    });

<td align="left" runat="server" id="td1">
                                        <%--<asp:DropDownList ID="ddlwrkfltemplate" runat="server" Width="150px"></asp:DropDownList>--%>
                                        <select id ="ddlwrkfltemplate" runat="server" style="width:243px"/>
                                    </td>

$.showprogress();