Skip to content
On this page

NcProgressBar

Props

Prop nameDescriptionTypeValuesDefault
valueAn integer between 1 and 100number-0
sizeDetermines the height of the progressbar.
Possible values:
- 'small' (default)
- 'medium'
stringsmall, medium'small'
errorApplies an error color to the progressbar if true.boolean-false

This is a simple progress bar component.

Usage:

Small

vue
<NcProgressBar :value="60" />

Medium

vue
<NcProgressBar :value="60" size="medium" />

error

vue
<NcProgressBar :value="60" :error="true" />