use classes for progress bar

This commit is contained in:
ArabCoders 2024-05-01 12:56:07 +03:00
parent 348f125c2b
commit f59875a76b

View file

@ -45,9 +45,9 @@
<div class="card-content"> <div class="card-content">
<div class="columns is-multiline is-mobile"> <div class="columns is-multiline is-mobile">
<div class="column is-12"> <div class="column is-12">
<div id="progress-bar" class="is-round"> <div class="progress-bar is-round">
<div id="progress-percentage">{{ updateProgress(item) }}</div> <div class="progress-percentage">{{ updateProgress(item) }}</div>
<div id="progress" :style="{ width: percentPipe(item.percent) + '%' }"></div> <div class="progress" :style="{ width: percentPipe(item.percent) + '%' }"></div>
</div> </div>
</div> </div>
<div class="column is-half-mobile has-text-centered"> <div class="column is-half-mobile has-text-centered">