Question

I am using following code to make a ajax request. But how to configure value attribute when it is receiving the response.

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

See <progress> @ MDN and jQuery .val() API docs.

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