Skip to main content
Skip table of contents

Style the navigation control arrows and progress bar

Navigation control arrows

To change the color of the navigation controls, insert:

.reveal .controls {
    color: #42affa;

Progress bar color

You can define two colors for the progress bar: the background color and the color of the progress bar itself:

.reveal .progress {

	/*The color of the background*/
    background: rgba(0, 0, 0, 0.2);

	/*The color of the progress bar*/
    color: #42affa;

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.