primevue-mirror/components/lib/progressspinner/ProgressSpinner.vue

24 lines
720 B
Vue
Raw Normal View History

2022-09-06 12:03:37 +00:00
<template>
2023-05-29 09:19:55 +00:00
<div :class="cx('root')" role="progressbar" v-bind="ptm('root')" data-pc-name="progressspinner">
2023-05-24 11:44:15 +00:00
<svg :class="cx('spinner')" viewBox="25 25 50 50" :style="svgStyle" v-bind="ptm('spinner')">
<circle :class="cx('circle')" cx="50" cy="50" r="20" :fill="fill" :stroke-width="strokeWidth" strokeMiterlimit="10" v-bind="ptm('circle')" />
2022-09-06 12:03:37 +00:00
</svg>
</div>
</template>
<script>
import BaseProgressSpinner from './BaseProgressSpinner.vue';
2023-04-21 13:39:16 +00:00
2022-09-06 12:03:37 +00:00
export default {
name: 'ProgressSpinner',
2023-05-25 14:42:43 +00:00
extends: BaseProgressSpinner,
2022-09-06 12:03:37 +00:00
computed: {
svgStyle() {
return {
'animation-duration': this.animationDuration
};
}
}
2022-09-14 11:26:01 +00:00
};
2022-09-06 12:03:37 +00:00
</script>