Actual widget output
Course, tutorial series or multi-page guide

Guide readers through a series, one step at a time.

Each example below is the actual published output of the Step navigation widget on a sample course page, Washes, which is step 2. The course also lists a draft "Framing" page that visitors cannot see. Links point to the sample site on example.com.

Five steps entered, Washes marked current: the unpublished Framing step is left out, so the progress reads "Step 2 of 4", followed by the numbered list and Previous / Next links.