Better knowledge base starts with better navigation

[#1]

Hello there!

I'm Elena from Elevatic. Today, we want to inform you about Navitabs latest release.

Navitabs Adds Two New Navigation Types: Steps & Progress

TL;DR

Navitabs now includes two new navigation types for Confluence: Steps and Progress. The Steps element turns procedures into a clear, numbered sequence so readers never lose their place in a process. The Progress element adds a visual progress bar to communicate the status of a task, phase, or rollout at a glance. Both are available once you update to the latest version of Navitabs. Try them for free on the Atlassian Marketplace.

---

Great content isn't just about what you write — it's about how easily readers can follow it. Long procedures get skimmed, steps get skipped, and readers often can't tell how far along they are in a process. That's exactly the gap these two new Navitabs design elements are built to close.

Navigation type selector offering Tabs, Progress, Cards, Steps, and Dropdown layouts.
Both new navigation types live in the Tab Wizard and in the Tab Group macro — the interfaces where you build and customize your navigation. You'll find them in the design selection, where you can apply a predefined layout — or customize your own — to match your content's style.

Here's what's new.

The "Steps" element: turn procedures into a clear sequence

The new Steps navigation type helps teams present procedures as a clear sequence of actions, making instructions easier to follow and reducing the chance that readers miss an important step.

It's ideal for:

• Onboarding guides
• How-to articles
• Troubleshooting instructions
• Checklists
• Workflows
• Any content where the order of actions matters

It's especially useful for longer processes that span multiple pages. Instead of presenting a wall of instructions, you can break the journey into smaller, more digestible steps that make the overall flow easier to scan.

Design panel with the Steps navigation type selected, previewing a chevron-style step bar.

Benefits for you: The Steps element gives content authors a structured way to explain processes from start to finish. Readers can quickly understand where they are in a process, what comes next, and which actions are required. This is especially helpful for complex workflows, product setup instructions, approval processes, and multi-page guides where clarity and orientation are essential.

Engineering knowledge base showing a lessons-learned page with steps navigation.

The "Progress" element: communicate status at a glance

The new Progress design element lets teams add a visual progress bar to pages, helping readers understand the status of a task, project phase, rollout, or any tracked process at a glance.

It works well for:

• Roadmaps
• Migration plans
• Release preparation
• Onboarding progress
• Training modules

Any scenario where a simple visual indicator makes status easier to communicate

Design panel with the Progress navigation type selected, previewing a progress-bar tracker.

Benefits for you: The Progress element makes pages more engaging and easier to scan by turning status information into a clear visual cue. It helps teams communicate how far along something is, highlight milestones, and set expectations for readers.

Note: The bar does not track actual progress automatically — it's intended as a manual visual representation only.

Project page using a Progress navigation bar to track stages across project phases.

How to activate the new navigation types

Both the Steps and Progress design elements are available to customers who update to the latest version of Navitabs. Once you're on the newest version, you can apply them in either the Tab Wizard or the Tab Group macro.

In the Tab Wizard:

1. Edit your Confluence page and type /Tab Wizard.
2. Select how you want to build your tab navigation (select existing content, define a parent page, define labels, or create your own tabs).
3. In the macro settings, open the Designs section.
4. Select the new Steps or Progress design — or customize your own — to apply it to your navigation.
5. Use the preview to check the result, then tap Save and publish the page.

In the Tab Group macro:

1. Insert the Tab Group macro and add your Tab macros inside it.
2. In the macro editor, choose the new Steps or Progress design from the tab design selection.
3. Check the live preview on the right, then save and publish the page.

---

Try Navitabs for free on the Atlassian Marketplace

Did you know?
If your organization operates in a regulated or high-security environment, Navitabs is available on Atlassian Government Cloud and Isolated Cloud.