File size: 478 Bytes
4d70170 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
<script lang="ts">
import { defineComponent } from 'vue'
export default defineComponent({
name: 'VueLoadingBar',
props: {
value: {
type: Number,
default: 0,
},
unknown: {
type: Boolean,
default: false,
},
},
})
</script>
<template>
<div
class="vue-ui-loading-bar"
:class="unknown && 'unknown'"
>
<div
class="bar"
:style="!unknown ? { width: `${value * 100}%` } : undefined"
/>
</div>
</template>
|