Помочь с draf&drop скриптом для загрузки фото

[ogamilait]

Когда перетащил повторно картинку то добавляетьса еще один прогрес бар и так дале... Как сделать когда мы загружаем картинку повторнно что б прогрес бар заменялся.
И еще вопрос оно автоматом снизу добавляет блок прогрес бар

obj.after(this.statusbar);

, как присвоить например уже существующему div c id
Перетащили на поле фото и после этого вызиваем:

function handleFileUpload(files, obj) {
        
            for (var i = 0; i < files.length; i++) {
                var fd = new FormData();
                fd.append('fileInput', files[i]);

                var status = new createStatusbar(obj); //Using this we can set progress.
                
                sendFileToServer(fd, status);
            
        }
}

Отправка:

function sendFileToServer(formData, status) {
        var extraData = {}; //Extra Data.
        var jqXHR = $.ajax({
            xhr: function () {
                var xhrobj = $.ajaxSettings.xhr();
                if (xhrobj.upload) {
                    xhrobj.upload.addEventListener('progress', function (event) {
                        var percent = 0;
                        var position = event.loaded || event.position;
                        var total = event.total;
                        if (event.lengthComputable) {
                            percent = Math.ceil(position / total * 100);
                        }
                        //Set progress
                        status.setProgress(percent);
                    }, false);
                }
                return xhrobj;
            },
            url: "/User/AddImage",
            type: "POST",
            contentType: false,
            processData: false,
            cache: false,
            data: formData,
            success: function (data) {
                status.setProgress(100);
            }
        });

        status.setAbort(jqXHR);
    }

Метод для статсуа.

    function createStatusbar(obj) {
        this.statusbar = $("<div class='statusbar'></div>");
        this.progressBar = $("<div class='progressBar'><div></div></div>").appendTo(this.statusbar);
        this.abort = $("<div class='abort'>Abort</div>").appendTo(this.statusbar);
        obj.after(this.statusbar);

        this.setProgress = function (progress) {
            var progressBarWidth = progress * this.progressBar.width() / 100;
            this.progressBar.find('div').animate({ width: progressBarWidth }, 10).html(progress + "% ");
            if (parseInt(progress) >= 100) {
                this.abort.hide();
            }
        }
        this.setAbort = function (jqxhr) {
            var sb = this.statusbar;
            this.abort.click(function () {
                jqxhr.abort();
                sb.hide();
            });
        }
    }