ComponentOne Wijmo Open for Juice UI
Wijmo Open for Juice UI Extender Controls / WijProgressBar / WijProgressBar 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 WijProgressBar.

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

    Now run the project to see the formatted progress bar.