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

24 lines
674 B
Vue
Raw Normal View History

2022-09-06 12:03:37 +00:00
<template>
2023-05-24 11:44:15 +00:00
<div :class="cx('root')" role="progressbar" v-bind="ptm('root')">
<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>
2023-04-21 13:39:16 +00:00
import BaseComponent from 'primevue/basecomponent';
2022-09-06 12:03:37 +00:00
export default {
name: 'ProgressSpinner',
2023-04-21 13:39:16 +00:00
extends: BaseComponent,
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>