.c-circleprogress {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.c-circleprogress__circle {
    width: 100%;
    height: 100%;
}
.c-circleprogress__circle .circle__static {
      fill: none;
}
.c-circleprogress__circle .circle__dynamic {
      fill: none;
      -webkit-transition: stroke-dasharray 1s ease;
      transition: stroke-dasharray 1s ease;
      -webkit-animation-delay: 250ms;
              animation-delay: 250ms;
}
.c-circleprogress__text {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 1000;
    font-size: 14px;
    font-weight: bold;
}