Phonegap & Jquery - пользовательский индикатор выполнения

Question

, поскольку PhoneGap пока не поддерживает миграцию sql, а Android пока не поддерживает тег прогресса html5, я решил создать свой собственный, проблема в том, что я не знаю, как это сделать.

Я хотелзаполнить таблицу sql индикатором выполнения, сообщив пользователю, сколько сделано и сколько еще осталось сделать.

Вот как это должно выглядеть:

function injectSql() {

    // lineToUse =  sql query()  
    // lineToUse =  sql query()
    // and so on.  I don't want to use var as there are plenty of this injections and it'll crash the phone.
    return LineToUse;
}

function sqlCounter() {

   var injThisLine = injectSql(lineToUse);

   db.transaction (
     function(t){
       db.executeSql(injThisLine);
     });

   alert (injThisLineKey + 'out of nn');
}

Извинения, если я не вижу смысла,

Спасибо.

Answer 1

Ниже приведен штрих-код Progress Bar, который мы можем использовать.

http://docs.jquery.com/UI/Progressbar

Вы можете импортировать файлы JS и CSS, указанные по ссылке выше, а затем использовать приведенный ниже код в Android WebApp.

    $(function() {

        $("#progressbar").progressbar({ value: 10 });
        setTimeout(updateProgress, 500);

        });

        function updateProgress() {
          var progress;
          progress = $("#progressbar")
            .progressbar("option","value");
          if (progress < 100) {
              $("#progressbar")
                .progressbar("option", "value", progress + 5);
              setTimeout(updateProgress, 500);
          }
        }  

Это будет перемещать прогресс с шагом пять после задержки в полсекунды. Вы можете изменить его в соответствии с необходимостью.

Пожалуйста, дайте мне знать, если это вам поможет

С уважением,

Summved