Progressbar

A Progressbar at the bottom of the screen with title tooltips to see the current progress.

Setup

var mytutorial = new Tutorial({
    steps: [
        {
            highlight: "#first-step",
            title: "First step",
            text: "Welcome to our app!"
        },
        {
            highlight: "#second-step",
            title: "Second step",
            text: "This is how you set it up"
        }
    ],
    progressbar: true
});

HTML

<p id="first-step">
    This is the first step in our Tutorial!
</p>