使用jQuery Ajax配置HTML5进度条

Question

我正在使用以下代码来发出ajax请求。但是如何在接收响应时配置值属性。

$.ajax({
        url:url,
        cache:false,
        type:'POST',
        dataType:"json",
        data:'json',
        beforeSend:function(x){
            $('#main').html("<progress id='bar' value='0' max='100'></progress>").show();
        },
        success:function(json){
            $('#bar').val(100);
            parseResponse(json);
        },
        complete:function(){

            $('#bar').hide();
        }
    });

Answer 1

// ...
beforeSend:function(x){
        $('#main').html("<progress id='bar' value='0' max='100'></progress").show();
        // the attribute name is value, not val ↑ 
},
success: function(json){
    $('#bar').val(100);
    alert(json);
    parseResponse(json);
},
// ...

请参阅<progress> @ MDN和jQuery .val() API docs。

http://jsfiddle.net/mattball/xTSHL/

Answer 2

如何尝试：$('#bar').attr('value', '100');

如果这不起作用，那么可能与您动态创建progress元素的事实有关。