Индикатор прогресса Sencha Touch 2.0

Question

Мне нужно добавить индикатор прогресса с% выполнения в другом запросе ajax с использованием Sencha touch 2.x, например, если у меня 2 запроса Ajax, индикатор прогресса будет отображаться на 50% после каждого запроса после успешного ответа сервера.

Answer 1

Вот еще один способ решить проблему без прогрессаИндикатор:

FIDDLE

Ext.application({
    name : 'Fiddle',

    launch : function() {


        var progressIndicator = Ext.create('Ext.Panel', {
            html: '<table  style="height:30px; width:100%">'+
                  '<tr>'+
                  '<td id="start" style="background-color:green;width:1%"></td>'+
                  '<td id="end"></td>'+
                  '</tr></table>',
            centered : true,
            modal    : true,
            hideOnMaskTap : true,
            width    : '50%',
            height   : '80',
         });

        var progress = 1;

        //progressIndicator.updateBar();
        Ext.Viewport.add(progressIndicator);
        progressIndicator.show();


        var intervalProgress=setInterval(function(){
            //console.log(progress);
            progress+=1;

            document.getElementById("start").style.width = (progress) +'%';
            //progressIndicator.setProgress(progress);
            //progressIndicator.updateBar();
            if(progress >= 100){
                clearInterval(intervalProgress)
            }
        },100)
    }
});