2013-12-17 5 views
1

У меня есть простой индикатор выполнения jquery, представляющий загрузку файлов, и я надеялся на некоторую помощь, чтобы сбросить его после каждой загрузки.resting jquery progress bar

Я попытался следующие, на мой взгляд, должен работать ... Но нет,

$('#fileupload').fileupload({ 
    dataType: 'json', 
    url: 'Home/UploadFiles', 
    autoUpload: true, 
    done: function (e, data) { 
     $('.file_name').html(data.result.name); 
     $('.file_type').html(data.result.type); 
     $('.file_size').html(data.result.size); 
     alert("File was uploaded"); 
     $('.file_name').html(""); 
     $('.file_type').html(""); 
     $('.file_size').html(""); 
     //this is where I am attempting to reset the bar after 1.5 secs 
     setTimeout(function() { 
      $('#progress .progress-bar').css('width', 0); 
     }, 1500); 

    } 
}).on('fileuploadprogressall', function (e, data) { 
    var progress = parseInt(data.loaded/data.total * 100, 10); 
    $('.progress .progress-bar').css('width', progress + '%'); 
}); 

ответ

2

Вы делаете это неправильно, чтобы изменить position индикатора выполнения вам необходимо изменить value:

$(".progress").progressbar({ value: 25 }); 

См: http://api.jqueryui.com/progressbar/#option-value

+0

спасибо. Я также заметил синтаксическую ошибку, которую исправил, и теперь она кажется прекрасной. $ ('. progress .progress-bar'). css ('width', 0); – Arianule