添加进度条文件中使用的PhoneGap和jQuery下载

本文介绍了添加进度条文件中使用的PhoneGap和jQuery下载的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我想有下载操作的进度条。这里是我的code。我不能够设置在进度条的值，即使读音字能够获得价值

＆LT; D​​IV ID =进度级=进步进步条纹活跃的风格=显示：无＆GT;＆LT; D​​IV ID =进步标签级= 酒吧＆GT;加载...＆LT; / DIV＆GT;＆LT; / DIV＆GT;＆LT;脚本＆GT;        $（函数（）{                    VAR进度;        进度= $（#progressbar），        progressLabel = $（.progress标签）;        progressbar.progressbar（{            值：false，            变化：功能（）{                progressLabel.text（progressbar.progressbar（值）+％）;            }，            完成：功能（）{                progressLabel.text（完成！）;            }        }）;    }）;            VAR英尺=新的文件传输（）;            $（＃进度）显示（）。            ft.onprogress =功能（progressEvent）{            PERC = Math.floor（（progressEvent.loaded / progressEvent.total）* 100）;            progressbar.progressbar（价值，PERC）;            } ＆LT; / SCRIPT＆GT;

解决方案

我只是测试这一点，这应该为你工作：

VAR英尺=新的文件传输（）;                $（＃进度）显示（）。                ft.onprogress =功能（progressEvent）{                PERC = Math.floor（（progressEvent.loaded / progressEvent.total）* 100）;                $（＃进度），进度条（{值：PERC}）; //改变了这一行                }

I am trying to have a progress bar for download operation. Here is my code. I am not able to set the value in the progress bar even though i m able to get the value

<div id = "progressbar" class="progress progress-striped active" style="display:none"><div id="progress-label" class ="bar">Loading...</div></div> <script> $(function() { var progressbar; progressbar = $( "#progressbar" ), progressLabel = $( ".progress-label" ); progressbar.progressbar({ value: false, change: function() { progressLabel.text( progressbar.progressbar( "value" ) + "%" ); }, complete: function() { progressLabel.text( "Complete!" ); } }); }); var ft = new FileTransfer(); $("#progressbar").show(); ft.onprogress = function(progressEvent) { perc = Math.floor((progressEvent.loaded / progressEvent.total) * 100); progressbar.progressbar("value", perc); } </script>

解决方案

I just tested this and this should work for you:

var ft = new FileTransfer(); $("#progressbar").show(); ft.onprogress = function(progressEvent) { perc = Math.floor((progressEvent.loaded / progressEvent.total) * 100); $("#progressbar").progressbar({value:perc}); //changed this line }