mirror of
https://github.com/owntone/owntone-server.git
synced 2025-01-06 04:23:24 -05:00
60015e1da2
The podcast page is now similar to the audiobook or album pages. Thus, making the UI a bit more coherent.
27 lines
428 B
Vue
27 lines
428 B
Vue
<template>
|
|
<div
|
|
v-if="width > 0"
|
|
class="progress-bar"
|
|
: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>
|