ProgressBar for ASP.NET Web Forms
値の設定
タスク別ヘルプ > 値の設定

C1ProgressBar コントロールには、最小値、最大値、および値があります。このトピックでは、デザインビュー、ソースビュー、およびコードで、MinValueMaxValueValue の各プロパティの値をデフォルト値(それぞれ 0、100、0)から変更します。

デザインビューでの値の設定

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

  1. デザイン〉ボタンをクリックして、デザインビューに入ります。
  2. C1ProgressBar コントロールを右クリックしてそのコンテキストメニューを開き、[プロパティ]を選択します。
    プロパティウィンドウが開いて、C1ProgressBar コントロールのプロパティがフォーカス状態になります。
  3. プロパティウィンドウで、以下のプロパティを設定します。
    • MaxValue プロパティを「300」に設定します。
    • MinValue プロパティを「100」に設定します。
    • Value プロパティを「150」に設定します。
  4. F5]を押してプロジェクトを実行し、進捗インジケータがプログレスバーの4分の1だけ進行していることを確認します。これは、コントロールの値(150)が、最小値(100)と最大値(300)の間隔の4分の1であるためです。

ソースビューでの値の設定

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

  1. ソース〉ボタンをクリックしてソースビューに入ります。
  2. MinimumValue=”100”、MaximumValue=”300”、および Value=”150” を <cc1:C1ProgressBar> タグに追加して、マークアップを次のように記述します。
    ソースビュー
    コードのコピー
    <cc1:C1ProgressBar ID="C1ProgressBar1" runat="server" 
    ToolTip="最大値:{5}" LabelFormatString="{0}" MaximumValue="300" 
    MinimumValue="100" Value="150" />
    
  3. F5]を押してプロジェクトを実行し、進捗インジケータがプログレスバーの4分の1だけ進行していることを確認します。これは、コントロールの値(150)が、最小値(100)と最大値(300)の間隔の4分の1であるためです。

コードでの値の設定

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

  1. アニメーションを設定するには、以下の手順を実行します。
  2. Visual Studio ツールバーで、[表示]→[コード]をクリックしてコードビューに入ります。
  3. MaxValue プロパティを設定するには、次のコードを Page_Load イベントに追加します。

    Visual Basic コードの書き方

    Visual Basic
    コードのコピー
    C1ProgressBar1.MaxValue = 300
    

    C# コードの書き方

    C#
    コードのコピー
    C1ProgressBar1.MaxValue = 300;
    
  4. MinValue プロパティを設定するには、次のコードを Page_Load イベントに追加します。

    Visual Basic コードの書き方

    Visual Basic
    コードのコピー
    C1ProgressBar1.MinValue = 100
    

    C# コードの書き方

    C#
    コードのコピー
    C1ProgressBar1.MinValue = 100;
    
  5. Value プロパティを設定するには、次のコードを Page_Load イベントに追加します。

    Visual Basic コードの書き方

    Visual Basic
    コードのコピー
    C1ProgressBar1.Value = 150
    

    C# コードの書き方

    C#
    コードのコピー
    C1ProgressBar1.Value = 150;
    
  6. F5]を押してプロジェクトを実行し、進捗インジケータがプログレスバーの4分の1だけ進行していることを確認します。これは、コントロールの値(150)が、最小値(100)と最大値(300)の間隔の4分の1であるためです。