Further Customize Progress Bar With CSS

You can also combine the Progress Bar Container macro with the CSS Style Sheet macro to apply CSS to the content. For example, you can add a border to the progress bar

Add A Border to the Progress Bar

1. Select the Progress Bar Container macro and click Edit.
2. In the CSS Class field input a name eg. border
   
   
3. Add a CSS Style Sheet macro to the page.

4. 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
   
   

5. Publish the page.