Wijmo UI for the Web
マークアップとスクリプティング
| Wijmo ユーザーガイド > ウィジェット > ProgressBar > マークアップとスクリプティング |
wijprogressbar ウィジェットの作成に使用するマークアップは次のようになります。
| マークアップ |
コードのコピー |
|---|---|
<div id="progressbar" style="width:50px;height:300px"></div> | |
次のようなスクリプトでポップアップを初期化できます。
| スクリプト |
コードのコピー |
|---|---|
<script id="scriptInit" type="text/javascript"> $(document).ready(function () { $("#progressbar").wijprogressbar({ value: 75, fillDirection: "north" }); }); </script> | |
ここで説明しているマークアップとスクリプトの結果は次のようになります。ページを再ロードすると、アニメーションが表示されます。