1

Valumファイルアップロードプラグインでjquery uiプログレスバーを使用しようとしています。コード :

   <div id="pb"></div>

       .....
    onProgress: function (id, fileName, uploadedBytes, totalBytes) {
        $("#pb").progressbar({ value : uploadedBytes });
    },
    . .... .

しかし、これは機能していません。プログレスバーを適切に使用する方法を教えてください。

4

3 に答える 3

2

アップロードされたバイトの量をパーセントで計算する必要があります。

var percentValue = (uploadedBytes / totalBytes) * 100

$("#pb").progressbar({
        value: percentValue
});
于 2012-09-09T11:15:45.613 に答える
2

あなたがhtmlを持っていると仮定します<div id="progressbar"></div>

次のコードは、100 に達するまで 10 ミリ秒ごとにプログレスバーをステップ実行します。

<script type="text/javascript">
    var i = 0; //variable used to count the steps
    function myclick(){ // function called on a button click for example
        var int = self.setInterval(
            function(){
                if (i == 100) window.clearInterval(int);
                $( "#progressbar" ).progressbar("value", i);
                i++;
            }
            , 10);
    }

    $('button').button().click(myclick); // a button element which will 
                                         // start the progress bar
    $( "#progressbar" ).progressbar(); //this part sets up the progressbar
</script>

注：他の回答も有効です。IMOが回答していない質問の「プログレスバーを適切に使用する方法」の部分への回答としてのみ、この回答を投稿しました。

于 2012-09-09T12:38:01.663 に答える
1

プログレスバーはパーセンテージで機能します。uploadedBtyesの％に変換してから、totalBytesこれを数値としてオプションのvalueプロパティに渡す必要があります。

于 2012-09-09T11:00:38.943 に答える