将脚本添加到进度条

Question

HTML / JavaScript的：

<script type="text/javascript" >
        var tout, service;
        function UpdateStatus()
        {
            if (tout !== null)
                clearTimeout(tout);
            if (service === null)
                service = new namespace.progressbar.GetStatus();
            service.GetStatus(onSuccess, onFailure);
        }

        function onSuccess(result) {
            PROGRE.style.width = percent + "%";
            tout = setTimeout("UpdateStatus()", 1000);
        }

        function onFailure(error) {
            alert(error.get_message());
        }
</script>

<div class="progress" >
    <div class="progress-bar" id="progressBar" runat="server" role="progressbar" aria-valuemin="0" aria-valuemax="100" style="width:20%" >
        <asp:Label ID="Label5" Font-Bold="true" runat="server" Text="20%"></asp:Label>    
        <asp:ScriptManager runat="server" ID="ScriptManager">
            <Services>
                <asp:ServiceReference Path="~/ProgressBar.asmx" InlineScript="false" />
            </Services>                           
        </asp:ScriptManager>
    </div>
</div>

网络服务：

public int GetStatus()
    {
        int progress = 0; 

        return progress;
    }

如果在我的页面上进行了一些更新并更新了进度条，我每隔几秒就会检查一次。 我不了解如何将JavaScript与网络服务相关联：

我认为这应该是这样的方式：每次调用JavaScript，JavaScript会调用并从我的Web服务获取结果，然后JavaScript将更新我的进度条。

我错过了什么吗？