Как реализовать диалоговое окно с индикатором выполнения в начальной загрузке тимилифа с веб-сайтом весенней загрузки?

Question

Я хочу реализовать диалоговое окно индикатора выполнения в начальной загрузке тимилифа с веб-сайтом весенней загрузки.

Сценарий: когда я нажимаю кнопку отправки для загрузки файла, индикатор выполнения должен отображаться и исчезать, когда загрузка файла завершена.

Я реализовал этот вызов ajax, но он не работает:

$.ajax({
    type: 'POST',
    data: { value : value },
    url : 'result',
    beforeSend : function() { 
        $("#progressbarloader").show(); 
    },
    complete : function() { 
       $("#progressbarloader").hide(); 
    },
    success : function(data) {
        console.log('success');
    }
});

Answer 1

Есть хитрость

Я полагаю, что вы используете загрузочную полосу прогресса

, вы можете использовать поток js в jquery, где вы изменяете значения отображаемого прогресса

Здесьэто псевдо-код, чтобы помочь вам

process = true;
$.ajax({
    type: 'POST',
    data: { value : value },
    url : 'result',
    beforeSend : function() { 
        $("#progressbarloader").show();
        value = 0;
        finalValue = 100;
        while(process){
           // create new thread with timeout 700 ms
               // thread function
                 // value = value + (finalValue-value)/4;
                 // change progress bar value using jquery
        }
    },
    complete : function() { 
       $("#progressbarloader").hide(); 
    },
    success : function(data) {
        console.log('success');
        value = 0;
        process = false;
    }
});