デフォルトでは、進捗インジケータはコントロールの左側からトラックを進行します。進行方向は、FillDirection という１つのプロパティを設定することで、右、下、または上から進行するように変更できます。このトピックでは、デザインビュー、ソースビュー、およびコードで FillDirection プロパティを設定します。

デザインビューでの進行方向の変更

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

1. 〈デザイン〉ボタンをクリックして、デザインビューに入ります。
2. C1ProgressBar コントロールを右クリックしてそのコンテキストメニューを開き、［プロパティ］を選択します。
   プロパティウィンドウが開いて、C1ProgressBar コントロールのプロパティがフォーカス状態になります。
3. プロパティウィンドウで、FillDirection プロパティを設定します。この例では、West に設定します。

ソースビューでの進行方向の変更

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

1. 〈ソース〉ボタンをクリックしてソースビューに入ります。
2. FillDirection="West" を <cc1:C1ProgressBar> のタグに追加します。マークアップは次のような表示になります。

<cc1:C1ProgressBar ID="C1ProgressBar1" runat="server" 
FillDirection = "West" Value="100" AnimationDuration="6000"/>

コードでの進行方向の変更

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

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	コードのコピー
   ‘ FillDirection プロパティを FromRightOrBottom に設定 C1ProgressBar1.FillDirection = FillDirection.West

   C# コードの書き方

   C#	コードのコピー
   // FillDirection プロパティを FromRightOrBottom に設定 C1ProgressBar1.FillDirection = FillDirection.West;