Wijmo Open for Juice UI Extender Controls / WijProgressBar / WijProgressBar Tutorial / Step 2 of 3: Customizing the Progress Bar
Step 2 of 3: Customizing the Progress Bar

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.