jquery progress bas不起作用

当我打电话时 “$”（“#progressbar”）.progressbar（{”计算机告诉我“进度条不起作用” 此外，进度barr甚至不显示在屏幕上 在asp.net framework 4.5中使用visual studio 2015 prograo

<script src="jquery-ui.js"></script>
<script src="jquery-2.1.4.js"></script>
 <link href="jquery-ui.css" rel="stylesheet" />
<script >
    $(document).ready(function () {
        $("#Button1").click(function (evt) {
            var xhr = new XMLHttpRequest();
            var data = new FormData();
            var files = $("#FileUpload1").get(0).files;
            for (var i = 0; i < files.length; i++) {
                data.append(files[i].name, files[i]);
            }
            xhr.upload.addEventListener("progress", function (evt) {
                if (evt.lengthComputable) {
                    var progress = Math.round(evt.loaded * 100 / evt.total);
                    $("#progressbar").progressbar("value", progress);
                }
            }, false);
            xhr.open("POST", "UploadHandler.ashx");
            xhr.send(data);

            $("#progressbar").progressbar({
                max: 100,
                change: function (evt, ui) {
                    $("#progresslabel").text($("#progressbar").progressbar("value") + "%");
                },
                complete: function (evt, ui) {
                    $("#progresslabel").text("File upload successful!");
                }
            });
            evt.preventDefault();
        });
    });
</script>

$（文档）.ready（函数（）{
$（“#按钮1”）。单击（函数（evt）{
var xhr=new XMLHttpRequest（）；
var data=new FormData（）；
var files=$（“#FileUpload1”）.get（0）.files；
对于（var i=0；i

身体

zzz

尝试更改

<script src="jquery-ui.js"></script>
<script src="jquery-2.1.4.js"></script>

到

尝试更改

<script src="jquery-ui.js"></script>
<script src="jquery-2.1.4.js"></script>

到

jquery ui可能需要在jquery之后加载。jquery-ui可能需要在jquery之后加载。

<script src="jquery-2.1.4.js"></script>
<script src="jquery-ui.js"></script>