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

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

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

可以导入JS和上面的链接给CSS文件，然后你可以使用Android上的Web应用程序下面的代码。

$(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