.ui {
  &-progressbar {
    position:     relative;
    display:      inline-block;
    margin-right: 20px;

    &--circle {
      height: 60px;
      width: 60px;
    }

    .ui-progressbar-text {
      color:       #989898;
      font-weight: 300;
      font-size:   12px;
      position:    absolute;
      top:         50%;
      left:        50%;
      transform:   translate(-50%, -50%);
    }

    &--complete .ui-progressbar-text {
      color: #000;
    }

  }

}