Progress

Progressウィジェットは、操作が進行中であることを表示します。

アプリケーションにProgressウィジェットを追加するには、次のコードを使用します。

<div data-role="progress" data-style="circle"></div>

次の表でProgressのオプションを説明します。

オプション	入力タイプ	説明
data-style	文字列	Progressウィジェットのタイプを設定します。値は`pending`(pending プログレススタイル)、`circle`(circle プログレススタイル)のどちらかになります。

Progressウィジェットは進捗値が変更されたときに起動される変更イベントのコールバックを定義することができます。

<div id="foo" data-role="progress"></div>

$("#foo").bind("change", function(ev, val)
{
   Console.log("Value is changed to " + val);
});

次のリストでProgressウィジェットが使用できるメソッドについて説明します。

value

valueメソッドは現在のデフォルトのProgressウィジェット値の設定または取得するために使用します。

  <div id="foo" data-role="progress"></div>

  var oldVal = $("#foo").progress("option", "value");
  $("#foo").progress("option", "value", 50);

running

runningメソッドはpendingまたはcircleのProgressウィジェットの現在の実行状態を設定したり、取得するために使用します。

  <div id="foo" data-role="progress" data-style="pending"></div>

  var currentRunning = $("#foo").progress("option", "running");
  $("#foo").progress("option", "running", true);