The Nuxt progress components can be used to show a user how far along he/she is in a process. These Nuxt progress bars are built with two HTML elements, some CSS to set the width, and a few attributes. Now keep reading some examples to see how Nuxt Progress bars work.
Global usage
For local usage
Simple
60%
Colors
60%
60%
60%
60%
60%
With text
60%
With label
Label
90%
Progress Props
PROP NAME
TYPE
DEFAULT
DESCRIPTION
striped
Boolean
N/A
showValue
Boolean
true
animated
Boolean
N/A
label
String
primary
valuePosition
String
left
height
Number
1
type
String
default
size
String
sm
value
Number
N/A
Progress Slots
SLOT
DESCRIPTION
default
Progress value slot. By default progress percentage is displayed here