vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-10 09:22:34 +00:00
Code Issues Projects Releases Packages Wiki Activity

Refactor #3879 - For ProgressBar

Browse source
This commit is contained in:
Tuğçe Küçükoğlu 2023-04-21 16:34:40 +03:00
parent 58c4684a38
commit 0d8f1b20ed
3 changed files with 54 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

13
components/lib/progressbar/ProgressBar.vue
View file

@ -1,19 +1,22 @@
<template>
<div role="progressbar" :class="containerClass" aria-valuemin="0" :aria-valuenow="value" aria-valuemax="100">
<div v-if="determinate" class="p-progressbar-value p-progressbar-value-animate" :style="progressStyle">
<div v-if="value != null && value !== 0 && showValue" class="p-progressbar-label">
<div role="progressbar" :class="containerClass" aria-valuemin="0" :aria-valuenow="value" aria-valuemax="100" v-bind="ptm('root')">
<div v-if="determinate" class="p-progressbar-value p-progressbar-value-animate" :style="progressStyle" v-bind="ptm('value')">
<div v-if="value != null && value !== 0 && showValue" class="p-progressbar-label" v-bind="ptm('label')">
<slot>{{ value + '%' }}</slot>
</div>
</div>
<div v-if="indeterminate" class="p-progressbar-indeterminate-container">
<div class="p-progressbar-value p-progressbar-value-animate"></div>
<div v-if="indeterminate" class="p-progressbar-indeterminate-container" v-bind="ptm('root')">
<div class="p-progressbar-value p-progressbar-value-animate" v-bind="ptm('value')"></div>
</div>
</div>
</template>
<script>
import BaseComponent from 'primevue/basecomponent';
export default {
name: 'ProgressBar',
extends: BaseComponent,
props: {
value: {
type: Number,