Skip to content
Nucleus Docs

Progress

<ns-progress>
Overview Guidance Implementation

Overview

To indicate to a user how far through a journey they are and how many steps they have left to complete.

Examples

Configure

Guidance

Implementation

Placement

The ns-progress component can be used in the following components:

  • <ns-panel>
  • <ns-landmark>

Specification

Attributes

steps

Property
steps
Description
The number of steps in the progress.
Type
number

complete

Property
complete
Description
Whether the progress is complete.
Type
boolean

current

Property
current
Description
The step the progress is currently on.
Type
number

next

Property
next
Description
The next step of the progress.
Type
string

info

Property
info
Description
The information about the current step.
Type
string

type

Property
type
Type
string
Default
standard

This page covers most of the ways you can use ns-progress. Please reach out to us if you are unsure about a potential use. Here are some useful links to related content: