.eplus-progress-pie { position: relative; text-align: center; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .eplus-progress-pie-svg { position: relative; display: inline-block; width: 100%; padding-bottom: 100%; overflow: hidden; vertical-align: middle; } .eplus-progress-pie-svg svg { position: absolute; top: 0; left: 0; display: inline-block; width: 100%; height: 100%; margin: 0 auto; } .eplus-progress-pie-number, .eplus-progress-pie-label { position: absolute; top: 43%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; } .eplus-progress-pie-number { font-size: 42px; } .eplus-progress-pie-label { margin-top: 40px; font-size: 16px; line-height: normal; font-weight: 400; } .no-pie-label .eplus-progress-pie-number { top: 50%; }