Level 88
Your code looks correct to me.
Do you see the striped effect? If not, then it sounds something is not compiling correctly.
Mar 27, 2020
4
Level 2
progressbar type and animated didnt work to change
i Want to make a progress bar using vue strap . i install vue strap on this link
now i add a progress bar, this progress bar is showing , this bar is only showing color primary and cant showing animated .
<template>
<div class="progress">
<progressbar now="99" type="danger" striped animated ></progressbar>
</div>
</template>
<script>
import { progressbar } from 'vue-strap'
export default {
components: {
progressbar
},
mounted() {
console.log('Component mounted.')
}
}
</script>
with this code , this type is primary and this animated didnt work . i change browser from chrome to mozila , but its still didnt work . my browser is newest .
whats wrong about this ? i dont know why animated didnt work
Level 2
i see triped effect . now i changed vue strap to boostrap vue but its all is not changed , this animated didnt work . but this color ( type : primary ,danger ,etcc ) its can work . animated didnt work , why ???
Level 88
It seems that the not working animation is a bug in the package: https://github.com/wffranco/vue-strap/issues/183
You probably have to wait until this is fixed or use a different package ;)
Level 28
Well if it is the based on Bootstrap (didn't check but it sounds like it does), the animated class only animates stripes and not the actual left to right progress. You need to explicitly change the width of the progress bar for it to work.
<progressbar
:style="{ width: `${progress}%` }"
:now="progress"
type="danger"
striped
animated
/>
Please or to participate in this conversation.