デフォルトでは、C1ProgressBar コントロールのラベルには、現在の進捗の割合が表示されます。このトピックでは、修正された文字列とコントロールの最大値設定が表示されるようにラベルをカスタマイズします。このトピックは、C1ProgressBar コントロールを含む ASP.NET プロジェクトを作成済みであることが前提となります。

デザインビューでのラベルの書式設定

以下の手順を実行します。

1. 〈デザイン〉ボタンをクリックして、デザインビューに入ります。
2. C1ProgressBar コントロールを右クリックしてそのコンテキストメニューを開き、リストから［プロパティ］を選択します。
   プロパティウィンドウが開いて、C1ProgressBar コントロールのプロパティがフォーカス状態になります。
3. LabelFormatString プロパティを「最大値：{5}」に設定します。

   

4. ［F5］を押してプロジェクトを実行し、マウスポインタをC1ProgressBar コントロール上に置きます。ラベルにその文字列として「最大値：100」が表示されることを確認してください。

ソースビューでのラベルの書式設定

以下の手順を実行します。

1. 〈ソース〉ボタンをクリックしてソースビューに入ります。
2. LabelFormatString =“最大値：{5}” を <cc1:C1ProgressBar> タグに追加して、マークアップを次のように記述します。

   ソースビュー	コードのコピー
   <cc1:C1ProgressBar ID="C1ProgressBar1" runat="server" Height="22px" LabelFormatString="最大値：{5}" Width="288px>

3. ［F5］を押してプロジェクトを実行し、マウスポインタを C1ProgressBar コントロール上に置きます。ラベルにその文字列として「最大値：100」が表示されることを確認してください。

コードでのラベルの書式設定

以下の手順を実行します。

1. Visual Studio ツールバーで、［表示］→［コード］をクリックしてコードビューに入ります。
2. 以下の名前空間をプロジェクトにインポートします。

   Visual Basic コードの書き方

   Visual Basic	コードのコピー
   Imports C1.Web.Wijmo.Controls.C1ProgressBar

   C# コードの書き方

   C#	コードのコピー
   using C1.Web.Wijmo.Controls.C1ProgressBar;

3. 以下のコードを Page_Load イベントに追加してラベルをカスタマイズします。

   Visual Basic コードの書き方

   Visual Basic	コードのコピー
   C1ProgressBar1.LabelFormatString = "最大値：{5}"

   C# コードの書き方

   C#	コードのコピー
   C1ProgressBar1.LabelFormatString = "最大値：{5}";

4. ［F5］を押してプロジェクトを実行し、マウスポインタを C1ProgressBar コントロール上に置きます。ラベルにその文字列として「最大値：100」が表示されることを確認してください。

   このトピックの作業結果

   このトピックでは、C1ProgressBar コントロールのカスタムラベルを作成しました。次の図は、LabelFormatString プロパティを「最大値：{5}」に設定した場合のプログレスバーを示しています。