Progress Bar
Progress Bar component can be used as a process status indicator for a time-consuming process.
#Dynamic
You can use the progress bar for various purpose like showing status,progress etc. LightVue comes with some stunning designs for progress bar.You can Update the progerss bar by Updating value prop.You can also hide or show the Value on progerss bar by setting showValue false. LightVue Progress bar is Both compatible with Vue 3.x and Vue 2.x
#Static
You can use the progress bar for various purpose like showing status,progress etc. LightVue comes with some stunning designs for progress bar.You can Update the progerss bar by Updating value prop.You can also hide or show the Value on progerss bar by setting showValue false. LightVue Progress bar is Both compatible with Vue 3.x and Vue 2.x
#Indeterminate
You can also set the mode to intermidiate by settting mode prop to indeterminate
#Colored
You can change the colour of progress bar by passing a color string into color prop
#Setup
You can import a component and register it as a local and global vue component as follows:
// import the component
import lv-progressbar from 'lightvue/progressbar';
// Register the component locally
export default {
components: {
lv-progressbar
}
}// Register the component globally (Vue 2.x)
Vue.component('lv-progressbar', lv-progressbar);
// Register the component globally (Vue 3.x)
const app = Vue.createApp({
// ...
});
app.component('lv-progressbar', lv-progressbar);
app.mount('#app')
#APIs
All of the props, events and slots of the component are mentioned below: