mirror of
https://github.com/owntone/owntone-server.git
synced 2025-01-08 05:23:25 -05:00
23 lines
419 B
Vue
23 lines
419 B
Vue
|
<template>
|
||
|
|
<div v-if="width > 0" class="progress-bar mt-2" :style="{ width: width_percent }" />
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: 'ProgressBar',
|
||
|
|
props: ['max', 'value'],
|
||
|
|
|
||
|
|
computed: {
|
||
|
|
width () {
|
||
|
|
if (this.value > 0 && this.max > 0) {
|
||
|
|
return parseInt(this.value * 100 / this.max)
|
||
|
|
}
|
||
|
|
return 0
|
||
|
|
},
|
||
|
|
width_percent () {
|
||
|
|
return this.width + '%'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|