"use strict";(self.webpackChunkdotcms_ui=self.webpackChunkdotcms_ui||[]).push([[44],{90044:(d,o,s)=>{s.r(o),s.d(o,{dot_progress_bar:()=>t});var r=s(55956);const t=class{constructor(i){(0,r.r)(this,i),this.text="Uploading Files...",this.progress=0}render(){return(0,r.h)(r.H,null,(0,r.h)("div",{style:{"--progress-width":this.progress.toString()}}),(0,r.h)("span",null,this.text))}};t.style='dot-progress-bar{text-align:center}dot-progress-bar div{color:var(--color-sec);border:1px solid var(--color-sec);border-radius:var(--border-radius);height:32px;width:100%;position:relative;margin-bottom:4px}dot-progress-bar div:before{content:"";background-color:var(--color-sec);width:calc(var(--progress-width, 0) * 1%);display:flex;position:absolute;left:0px;bottom:0px;top:0px;max-width:100%;transition:width 100ms}dot-progress-bar span{color:var(--color-sec)}'}}]);