DevExpress でのプログレスバー（ASPxProgressBar）の状況カスタマイズ設定のサンプルです。

現状の画面デザインはこのようになっています。

20260622_03

＜プログレスバーの状況カスタマイズ設定＞

「ASPxProgressBar」のプロパティから「DisplayMode=”Custom”」を設定します。

20260624_01

「ASPxProgressBar」のプロパティから「CustomDisplayFormat=”【{1}-{2}】の内{0}ページ完了”」を設定します。

20260624_02

【サンプルプログラム】

それでは、実行して動作確認を行います。

20260622_03

↓

20260624_03

無事にプログレスバー（ASPxProgressBar）の状況カスタマイズ設定が出来ました。

関連記事はこちら:

  1. DevExpress の ASPxProgressBar（プログレスバー） とは DevExpress の「ASPxProgressBar（プログレスバー）」は状況を可視化するコントロールです。 「HTML」、「CSS」で表現可能ですが、正直面倒ですので、専用の「ASPxProgressBar（プログ ......
  2. DevExpress でのプログレスバーのタイトル表示位置設定 DevExpress でのプログレスバー（ASPxProgressBar）のタイトル表示位置設定のサンプルです。 現状の画面デザインはこのようになっています。 ＜プログレスバーのタイトル表示位置設定＞ 「ASPxProg ......
  3. DevExpress でのプログレスバーのタイトル位置（縦）設定 DevExpress でのプログレスバー（ASPxProgressBar）のタイトル位置（縦）設定のサンプルです。 現状の画面デザインはこのようになっています。 ＜プログレスバーのタイトル位置（縦）設定＞ 「ASPxPr ......
  4. DevExpress でのプログレスバーの最小値設定 DevExpress でのプログレスバー（ASPxProgressBar）の最小値設定のサンプルです。 現状の画面デザインはこのようになっています。 ＜プログレスバーの最小値設定＞ 「ASPxProgressBar」のプ ......
  5. DevExpress でのプログレスバーの最大値設定 DevExpress でのプログレスバー（ASPxProgressBar）の最大値設定のサンプルです。 現状の画面デザインはこのようになっています。 ＜プログレスバーの最大値設定＞ 「ASPxProgressBar」のプ ......
  6. DevExpress でのプログレスバーの状況単位（％）非表示設定 DevExpress でのプログレスバー（ASPxProgressBar）の状況単位（％）非表示設定のサンプルです。 現状の画面デザインはこのようになっています。 ＜プログレスバーの状況単位（％）非表示設定＞ 「ASPx ......
  7. DevExpress でのプログレスバーの状況非表示設定 DevExpress でのプログレスバー（ASPxProgressBar）の状況非表示設定のサンプルです。 現状の画面デザインはこのようになっています。 ＜プログレスバーの状況非表示設定＞ 「ASPxProgressBa ......
  8. DevExpress でのプログレスバー（ASPxProgressBar）のサンプル作成 DevExpress でのプログレスバー（ASPxProgressBar）のサンプル作成手順です。 ＜プログレスバー（ASPxProgressBar）のサンプル作成＞ ・プロジェクト作成のため、「ASP.NET Web ......
  9. DevExpress の ASPxProgressBar でのデザイン（テーマ一覧） DevExpress の「ASPxProgressBar（プログレスバー）」でのデザイン（テーマ一覧）のサンプルです。 各オブジェクトのテーマ設定は見てみないと違いが分かりません。 今回はプログレスバーのテーマ一覧を作成 ......
  10. DevExpress でのプログレスバーのタイトル位置（横）設定 DevExpress でのプログレスバー（ASPxProgressBar）のタイトル位置（横）設定のサンプルです。 現状の画面デザインはこのようになっています。 ＜プログレスバーのタイトル位置（横）設定＞ 「ASPxPr ......
投稿タグ