#progressCircle {
  width: 80px;
  height: 80px;
  margin: 18px auto;
  display: none;
  position: relative;
}

#progressCircle svg {
  width: 80px;
  height: 80px;
  transform: rotate(-90deg); /* Start oben */
}

#progressCircle .progress-bg {
  stroke: #e3e3e3;
}

#progressCircle .progress-ring {
  stroke: #3c9;
  transition: stroke-dashoffset 0.5s cubic-bezier(.4,2,.2,1);
  stroke-linecap: round;
}

#progressCircle .progress-text {
  position: absolute;
  left: 0; top: 0; width: 80px; height: 80px;
  display: flex;
  align-items: center; justify-content: center;
  font-size: 18px; font-weight: bold;
  color: #333;
  user-select: none;
}