使用jQuery Ajax配置HTML5进度条

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

$.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(); 
     } 
    });

来源

2012-05-23 Himanshu Yadav

// ... 
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/

来源

2012-05-23 14:52:05

它没有为我工作。我试图将html5进度条替换为div，但没有运气。 –

道歉 - 我误解了这个问题，并认为您使用的是jQuery UI。看我的编辑。 –

它仍然无法正常工作。我用最新的输入更新了我的代码。 –