English 中文(简体)
配置 jQuery Ajax 的 HTML5 进度栏
原标题:Configure HTML5 progress bar with jQuery Ajax

我正按照代码进行 ajax 请求。 但是当它收到回复时, 如何配置 < b> value 属性 。

$.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();
        }
    });
最佳回答
// ...
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);
},
// ...

@MDN < /a > 和jQuery .val () API docs

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

问题回答

尝试一下: $( #bar).attr( 值, 100);

如果这不起作用,那么它可能与以下事实有关:您的 process 元素正在动态地创建。





相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!

热门标签