BlueImp / jQuery файл загрузить панель прогресса для каждого файла ⇐ Jquery

[Anonymous]

Как создать панель хода выполнения для каждого файла с загрузкой файла jQuery (BlueIMP http://blueimp.github.com/jquery-file-upload/)? У меня есть несколько форм, и каждая форма имеет кнопку загрузки. < /P>
$('.fileupload').fileupload({
dataType: 'json',
add: function (e, data) {
var formContainer = $($(this).parent()).parent();
var file = data.files[0];
var li = $('').attr("id", 'li-upload-'+file.id).appendTo($(formContainer).children('.ul-files'));
var link= $('').attr("href", '#').attr("data-href", file.delete_url).addClass("link-remove-file pull-right").attr("target", "_parent").attr("title", "Remove").appendTo(li);
var ico = $('').addClass('icon-remove').appendTo(link);
var spn = $('').html(file.name+' ('+Math.round(file.size/1024)+' K)').appendTo(li);
var lod = $('').addClass('container-progress-upload').css("float", 'right').appendTo(li);
var prg = $('').addClass('bar').css("width", '0%').attr("id", 'pgr-'+file.name).appendTo(lod);
data.submit();
},
progress: function (e, data) {
var file = data.files[0];
var progress = parseInt(data.loaded / data.total * 100, 10);

$('#pgr-'+file.name).css(
'width',
50 + '%'
);
}
});


Подробнее здесь: https://stackoverflow.com/questions/140 ... -each-file