primevue
Version:
[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [ • 1.6 kB
JavaScript
this.primevue=this.primevue||{},this.primevue.progressspinner=function(e){"use strict";var n={name:"ProgressSpinner",props:{strokeWidth:{type:String,default:"2"},fill:{type:String,default:"none"},animationDuration:{type:String,default:"2s"}},computed:{svgStyle(){return{"animation-duration":this.animationDuration}}}};const t={class:"p-progress-spinner",role:"progressbar"},r=["fill","stroke-width"];return function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===t&&r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-progress-spinner {\n position: relative;\n margin: 0 auto;\n width: 100px;\n height: 100px;\n display: inline-block;\n}\n.p-progress-spinner::before {\n content: '';\n display: block;\n padding-top: 100%;\n}\n.p-progress-spinner-svg {\n height: 100%;\n transform-origin: center center;\n width: 100%;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n margin: auto;\n}\n"),n.render=function(n,i,s,o,l,p){return e.openBlock(),e.createElementBlock("div",t,[(e.openBlock(),e.createElementBlock("svg",{class:"p-progress-spinner-svg",viewBox:"25 25 50 50",style:e.normalizeStyle(p.svgStyle)},[e.createElementVNode("circle",{class:"p-progress-spinner-circle",cx:"50",cy:"50",r:"20",fill:s.fill,"stroke-width":s.strokeWidth,strokeMiterlimit:"10"},null,8,r)],4))])},n}(Vue);