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 progressbar를 div로 바꾸려고했지만 운이 없다. –

사과 - 질문을 잘못 읽고 jQuery UI를 사용하고 있다고 생각했습니다. 내 편집을 참조하십시오. –

아직 작동하지 않습니다. 최신 코드로 코드를 업데이트했습니다. –