request.onprogress ничего не делает

Question

Привет всем, я работаю с XMLHttpRequest и у меня возникли проблемы, когда при отправке запроса я хочу, чтобы они были тегом Loading .., чтобы они отображались на кнопке отправки, но во время отправки формы ничего не происходит, это приводит к тому, что пользователи хотят нажать кнопку еще раз, из-за чего форма отправляется дважды. Есть ли лучший способ сделать это? Или я делаю это неправильно? Ниже мой код.

var request= new XMLHttpRequest();
        request.open('post', 'php/functions.php', true);
             request.onload = function(){
                 var data = JSON.parse(request.responseText);
             document.getElementById("formSubmit").disabled = false;
                 if(data.result == 'true' ){
                     $('formSubmit').set('html', 'Submit');
                    alert('Form has been submitted!');
                    resetReport();
                 }else{
                    alert('Error! Not able to submit form.');
                    $('errorSpan').set('html', data.errMsg);

                 }
            };
            request.onprogress = function(){
                $('formSubmit').set('html', 'Loading...');
             document.getElementById("formSubmit").disabled = true;

            };
            request.onerror = function(){
             document.getElementById("formSubmit").disabled = false;
                alert('Processing Error. Try again later');
            };
request.send(formData);