使用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。看我的編輯。 –

它仍然無法正常工作。我用最新的輸入更新了我的代碼。 –