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

25 lines
709 B
Vue
Raw Normal View History

2022-09-06 12:03:37 +00:00
<template>
2024-02-11 23:48:21 +00:00
<div :class="cx('root')" role="progressbar" v-bind="ptmi('root')">
2024-04-30 06:54:48 +00:00
<svg :class="cx('spin')" viewBox="25 25 50 50" :style="svgStyle" v-bind="ptm('spin')">
2023-05-24 11:44:15 +00:00
<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,
2024-02-11 23:48:21 +00:00
inheritAttrs: false,
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>