.pie_progress {

  text-align: center;

  position: relative;

  -webkit-transform-style: preserve-3d;

          transform-style: preserve-3d;

}

.pie_progress svg {

  margin: 0 auto;

}

.pie_progress__content,

.pie_progress__number,

.pie_progress__label,

.pie_progress__icon {

  width: 100%;

  position: absolute;

  top: 50%;

  left: 0;

  -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

       -o-transform: translateY(-50%);

          transform: translateY(-50%);

}

.pie_progress__number {

  font-size: 42px;

}

.pie_progress__label {

  margin-top: 32px;

  font-size: 12px;

}

.pie_progress__svg {

  display: inline-block;

  position: relative;

  width: 100%;

  padding-bottom: 100%;

  vertical-align: middle;

  overflow: hidden;

}

.pie_progress__svg svg {

  display: inline-block;

  position: absolute;

  top: 0;

  left: 0;

}