添加进度条文件中使用的PhoneGap和jQuery下载 [英] Adding progress bar for file being downloaded using phonegap and 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

                }

这篇关于添加进度条文件中使用的PhoneGap和jQuery下载的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！