.progressbar{position:relative;width:170px;height:170px;margin:1em;transform:rotate(-90deg)}.progressbar__svg{position:relative;width:100%;height:100%}.progressbar__svg-circle{width:100%;height:100%;fill:none;stroke-width:10;stroke-dasharray:440;stroke-dashoffset:440;stroke:hsl(0,0%,100%);stroke-linecap:round;transform:translate(5px,5px)}.progressbar__text{position:absolute;top:50%;left:50%;padding:.25em .5em;color:hsl(0,0%,100%);font-family:Arial,Helvetica,sans-serif;border-radius:.25em;transform:translate(-50%,-50%) rotate(90deg);text-align:center}