ComponentOne Extender Controls for ASP.NET Web Forms
Wijmo Control Toolkit Extender Controls / C1Progress Bar Extender / C1ProgressBarExtender Tutorial / Step 2 of 3: Customizing the Progress Bar
In This Topic
    Step 2 of 3: Customizing the Progress Bar
    In This Topic

    In this topic you will set some of the properties for the C1ProgressBarExtender.

    1. In the Visual Studio Properties window, click the drop-down list at the top of the Properties window and select Panel1_C1ProgressBarExtender.
    2. Set the C1ProgressBarExtender.FillDirection property to North. This will create a vertical progress bar that fills from South (bottom) to North (top). By default, the C1ProgressBarExtender.FillDirection property is set to East; therefore, the progress bar fills from West (right) to East (left) and is horizontal.
    3. Set the C1ProgressBarExtender.Value property to 75.
    4. Set the C1ProgressBarExtender.Tooltip property to {1} percent. The markup for the C1ProgressBarExtender will now look like this:

    <cc1:C1ProgressBarExtender ID="Panel1_C1ProgressBarExtender" runat="server"

            TargetControlID="Panel1" ToolTip="{1} percent" Value="75">

        </cc1:C1ProgressBarExtender>

    1. Now run the project to see the formatted progress bar.