Customize Progress Bar With CSS

You can combine the Progress Bar Hyperlink Step macro with the CSS Style Sheet macro to apply CSS to the content. For example, you can change the size and color of the text,

Highlight A Step in the Progress BarSelect the Progress Bar - Hyperlink Step macro and click Edit.
In the CSS Class field input a name eg. orange

          Add a CSS Style Sheet macro to the page.
        
Inside the CSS Style Sheet macro type the CSS for the text you want. Remember to use the CSS Class you used in your Progress Bar- Hyperlink Step macro. eg. the following gives an orange background.
Publish the page. 

Add A Border to the Progress Bar

Select the Progress Bar Container macro and click Edit.
In the CSS Class field input a name eg. border
Add a CSS Style Sheet macro to the page.
Inside the CSS Style Sheet macro type the CSS for the text you want. Remember to use the CSS Class you used in your Progress Bar Container macro. eg. the following gives a solid black border
Publish the page.