Как создать индикатор выполнения в html5, phonegap и jQuery

Question

Я создаю веб-приложение для Android с использованием html5, phonegap и jquery mobile.То, что я хочу сделать, это создать индикатор выполнения при запуске функции, которая вставляет sql в базу данных, информируя клиента, сколько было сделано и сколько осталось.

Не могли бы вы указать мне, как начать это?У меня уже есть функции для подключения и вставки данных в SQL.

большое спасибо.

Answer 1

Вы можете проверить новый тег прогресса в html5. Эта ссылка покажет вам, какие мобильные браузеры поддерживают этот тег.

Answer 2

Как и в предыдущем примере, у меня есть улучшенный.

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

Answer 3

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

Просто используйте

$("#progressbar").progressbar({ value: ( STORED_DATA / TOTAL_DATA) });

Для STORED_DATA попытайтесь разбить данные, отправленные в базу данных (например, в цикле).