Прогресс бар для загрузки нескольких файлов через XHR

Пытаюсь реализовать ProgressBar для загрузки нескольких фалов, но не получается одновременно вызвать несколько раз функцию для самого ProgressBar, делаю это следующим образом.

Код (Text):

1.  
2. xhr: function () {
3.                     var myXhr = $.ajaxSettings.xhr();
4.                     $("#upload-process").append('<div id="tip-'+self.number+'"></div>');
5.                     if (myXhr.upload) {
6.                         myXhr.upload.addEventListener('progress', self.progressHandlingFunction, false);
7.                     }
8.                     return myXhr;
9.                 },
10. // сама функция
11. uploader.prototype.progressHandlingFunction = function(e){
12.         if (e.lengthComputable) {
13.             var percentComplete = parseInt((e.loaded / e.total) * 100);
14.             $('#tip-'+self.number).animate({width: percentComplete + "%"}, 10);
15.         }
16.     }

ProgressBar идет для одного файла нормально, но для нескольких он ломается. Как можно сделать несколько параллельных прогресс баров?