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

以下是我们可以使用的进度条代码。

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);
          }
        }

这会在延迟半秒后以5的增量移动进度。您可以根据需要进行修改。

如果这对你有帮助，请告诉我

亲切的问候，

Summved

Phonegap＆amp; Jquery - 自定义进度条

1 个答案: