Форумы портала PHP.SU :: Версия для печати :: не работает полоса статуса отправки формы

1. Tyoma5891 - 06 Июля, 2015 - 22:14:34 - перейти к сообщению

всем привет показываю:

CODE (html):
скопировать код в буфер обмена

<form id="form1" enctype="multipart/form-data" method="post" name="form1" action="" class="pure-form pure-form-stacked ">
 
 <input name="file[]" type="file" multiple="multiple" id="file" size="30"/> 
<div id="progress-div"><div id="progress-bar"></div></div>
<div id="targetLayer"></div>
<input class="pure-button pure-input-1 pure-button-primary" value="Отправить" type="submit" id="submit">
</form>

CODE (javascript):
скопировать код в буфер обмена

$(document).ready(function() { 
 
$("#form1").submit(function(e){         
                        
                        $(this).ajaxSubmit({ 
                                target:   '#targetLayer', 
                                beforeSubmit: function() {
                                  $("#progress-bar").width('0%');
                                },
                                uploadProgress: function (event, position, total, percentComplete){     
                                        $("#progress-bar").width(percentComplete + '%');
                                        $("#progress-bar").html('<div id="progress-status">' + percentComplete +' %</div>')
                                },
                                success:function (){
                                        alert('ok');
                                },
                                resetForm: true 
                        }); 
                        return false; 
});
});

сама форма отправляется, а полосу с процентами не рисует в этот момент...
не могу понять что не так?
или может существуют другие способы прорисовки этой полосы с процентами?
p.s. через ифрэймы не предлагать плиз...