Chrome 中文件上传的进度条

Question

我有一个跟踪文件上传进度的网页。这是 html 源代码：

<form>
    <input type="hidden" id="id" name="UPLOAD_IDENTIFIER" value="4dc6f7819200e">
    <input type="file" name="image">
    <input type="submit" value="Upload file">
</form>
<div id="progress"></div>
<iframe id="upload-frame" name="upload-frame"></iframe>

这是我的 javascript（我使用 jQuery）：

var pbar = $("#progress");
var started = false;

$(function() {
    $("form").submit(function() {
        pbar.show().progressbar();

        $("#upload-frame").load(function() {
            started = true;
        }

        setTimeout(function() {
            updateProgress($("#id").val());
        }, 500);
    });
});

function updateProgress(id) {
    $.get("my/url/here?id=" + id, function(progress) {
        if (null === progress) {
            updateProgress(id);
        }

        if (progress<100 || !started) {
            started = progress < 100;
            updateProgress(id);
        }

        started && pbar.progressbar('value', progress);
    }
};

我将服务器端代码保留在外面，因为这是奇怪的事情：Firefox 和 IE 正常工作。只有 webkit 浏览器（Chrome、Chromium、Safari）显示进度条的开始，但不更新它们。这是为什么？有什么想法吗？