28 lines
559 B
Markdown
28 lines
559 B
Markdown
<script setup>
|
|
import ProgressExample from './examples/ProgressExample.vue'
|
|
</script>
|
|
# Vue Progress Bar Component - Flowbite
|
|
|
|
```vue
|
|
<script setup>
|
|
import { Progress } from 'flowbite-vue'
|
|
</script>
|
|
<template>
|
|
<Progress></Progress>
|
|
</template>
|
|
```
|
|
|
|
<ProgressExample />
|
|
|
|
## Sizes
|
|
You can also use different sizes by using various sizing.
|
|
|
|
## With label inside
|
|
Here is an example of using a progress bar with the label inside the bar.
|
|
|
|
## With label outside
|
|
And this is an example of using a progress bar outside the bar.
|
|
|
|
## Colors
|
|
You can also apply color.
|