Specifying the layout of a progress bar

You can customize the orientation, style and colors used within your progress bar. Additionally, you can include tick marks, include an image and select to show an empty progress bar as progress increases.

For responsive titles, the color of the label for the Orientation setting on the Properties ribbon indicates the device in which an orientation override was placed. For more information about developing responsive titles and setting overrides, see Working with responsive content.

To specify the layout of a progress bar:

1. Do one of the following:

   • In the Title Explorer, double-click the graphic of the progress bar.

   • In the Title Explorer, right-click the graphic of the progress bar and select Properties.

   • In the Title Explorer, select the progress bar and press Enter.

   • In the work area, double-click the progress bar.

   • In the work area, right-click the progress bar and select Properties.

   • In the work area, select the progress bar and press Enter.

   The Properties ribbon is displayed.

2. To specify the orientation, use the Orientation list in the Progress Bar group. Select between Horizontal or Vertical orientation for the progress bar.

3. To show the progress bar as emptying as progress increases, enable the Empty Bar check box in the Progress Bar group.

4. To specify the default image for use within the progress bar, click the Default Image drop-down list in the Style and Layout group. When an image is selected, the progress bar will fill using the image. Each increment of the progress bar will replicate the image selected. Select a previously imported image from the list, click the Browse from File button to navigate and select an image, or click Browse My Media to navigate and select an image from the Media Library. Click to edit the image.

5. To select the color to fill the progress bar when no image is selected, click Fill in the Style and Layout group. Use the Color list to select a predefined color, select the eye-dropper tool to use a color from elsewhere within your title, or select Custom to select a custom color from the Color wheel.

   See also: Matching colors used within your title

6. To select the background color for the progress bar, click Background from the Style and Layout group. Use the Color list to select a predefined color, select the eye-dropper tool to use a color from elsewhere within your title, or select Custom to select a custom color from the Color wheel.

   See also: Matching colors used within your title

7. To configure the borders for the progress bar, click the Border Weight field to adjust the weight of the border and click the Border drop-down list to select the border color. Use the Color list to select a predefined color, select the eye-dropper tool to use a color from elsewhere within your title, or select Custom to select a custom color from the Color wheel.

   See also: Matching colors used within your title

8. To select to show tick marks within the progress bar, enable the Tick Marks check box.

Knowledge Base | Training | Support
© Copyright eLearning Brothers 2021