Nuxt Progress - Argon

The ArgonProgress helps you to create a beautiful progress bar.

Demo

<template>
 <ArgonProgress color="success" :percentage="60" />
</template>

1<template>
2 <ArgonProgress color="success" :percentage="60" />
3</template>

Props Information

Name	Type	Default	Description
color	'primary''secondary''info''success''warning''danger''error''light''dark'	success	Change `ArgonProgress` progress color.
percentage*	Number		Used to set the progress for `ArgonProgress`. It is a required prop.
variant	'gradient''fill'	fill	Change the `ArgonProgress` background type by using `variant` alongside `color`.

Variants

<template>
 <ArgonProgress percentage="70" variant="fill" color="success" />
 <ArgonProgress percentage="70" variant="gradient" color="success" />
</template>

1<template>
2 <ArgonProgress percentage="70" variant="fill" color="success" />
3 <ArgonProgress percentage="70" variant="gradient" color="success" />
4</template>