File upload progress

jquery-upload-progress.js

$('form').on('submit', function (evt) {
    evt.preventDefault();
    var form = this;
    var $form = $(this);
    $.ajax({
        url: $form.attr('action'),
        type: 'post',
        data: new FormData(form),
        cache: false,
        processData: false,
        contentType: false,
        xhr: function () {
            var myXhr = $.ajaxSettings.xhr();
            if (myXhr.upload && myXhr.upload.addEventListener) {
                /* Events: loadstart, progress, abort, error, load, timeout, loadend */
                myXhr.upload.addEventListener('progress', function (event) {
                    // upload progress
                    if (event.lengthComputable) {
                        var percentComplete = Math.round(event.loaded / event.total * 100);
                        $form.find('#prograss-bar').val(percentComplete);
                    }
                }, false);
            }
            return myXhr;
        },
        beforeSend: function (xhr, settings) {},
        success: function (data, status, xhr) {},
        error: function (xhr, status, err) {},
        complete: function (xhr, status) {},
    });
    return false;
});