jQuery EasyUI チュートリアル - ProgressBar (プログレス バー)

jQuery EasyUI チュートリアル - ProgressBar (プログレス バー) このコンポーネントは、フロントエンド開発における特定の継続的な作業の進行中に、ユーザーにプログラムが終了したと思われないようにするためのアクティビティが必要です。バーはプロセスが進行中であることを示します。

このコンポーネントに興味がありますか?以下を参照してください。

$.fn.progressbar.defaults を使用してデフォルト値オブジェクトをオーバーライドします。

進行状況バーは、長時間実行される操作の進行状況を示すフィードバックを提供します。操作が現在実行中であることをユーザーに知らせるために更新できる進行状況バー。

使用例:

進行状況バーを作成する

ラベルと Javascript の 2 つのメソッドを使用して進行状況バーを作成します。

1. HTML タグまたはプログラムを使用してプログレスバーコンポーネントを作成します。タグから作成するのはさらに簡単で、「easyui-progressbar」クラス ID を

タグに追加します。

<div id=”p” class=”easyui-progressbar” data-options=”value:60″ style=”width:400px;”></div>

2. Javascript を使用してプログレスバーを作成します。

<div id=”p” style=”width:400px;”></div>

$(‘#p’).progressbar({
value: 60
});

値の取得と設定

現在の値を取得し、プログレス バー コントロールに新しい値を設定します。

var value = $(‘#p’).progressbar(‘getValue’);
if (value < 100){
value += Math.floor(Math.random() * 10);
$(‘#p’).progressbar(‘setValue’, value);
}

属性:

イベント:

上記はjQuery EasyUIチュートリアル-ProgressBar(プログレスバー)の内容です。内容、お支払いくださいPHP 中国語 Web サイト (www.php.cn) に注意してください。