手順 2：ウィジェットの初期化

前の手順では、垂直と水平のプログレスバーが表示される <div>要素を追加するマークアップを追加しました。ここでは、jQuery スクリプトを追加し、ウィジェットを初期化できます。

前の手順で追加した終了の </div> タグの後に、次の jQuery スクリプトを入力し、wijprogressbar ウィジェットを初期化します。

ソースビュー	コードのコピー
<script id="scriptInit" type="text/javascript"> $(document).ready(function () { $("#hProBar").wijprogressbar({ value: 75, animationOptions: { duration: 1000 }) $("#vProBar").wijprogressbar({ value: 75, fillDirection: "north" }); }); </script>

ソースビュー

コードのコピー

<script id="scriptInit" type="text/javascript">
    $(document).ready(function () {
            $("#hProBar").wijprogressbar({ value: 75, animationOptions: {
duration: 1000
             
            })
            $("#vProBar").wijprogressbar({ value: 75, fillDirection: "north" });
        });    
    </script>