ajax请求html页面进度条,javascript – 显示ajax请求的进度条进度

当ajax请求触发并完成时，我想显示jquery ui进度条的进度。问题是我不知道如何根据ajax请求的进度来设置进度条的值。这是一个开始的代码：

function ajaxnews()

{

$('.newstabs a').click(function(e){

var section = $(this).attr('id');

var url = base + 'news/section/' + section;

$.ajax({

url : url,

dataTye : 'html',

start : loadNews,

success : fillNews

});

});

}

// start callback functions

function loadNews()

{

$('#progressbar').fadeIn();

$('#progressbar').progressbar({ //how shoud I set the values here});

}

function fillNews()

{

$('#progressbar').progressbar('option', 'value', ?? /* how do I find this?*/);

$('#progressbar').fadeOut();

}