#progress-bar {
  width: 100%;
  height: 100%;
  position: relative;

  progress {
    width: 100%;
    height: 100%;
    appearance: none;
    position: absolute;
  }

  progress[value]::-webkit-progress-bar {
    background-color: #ededed;
    border-radius: 40px;
  }

  progress[value]::-webkit-progress-value {
    border-radius: 40px;
    background-color: mediumpurple;
  }

  .text {
    position: absolute;
    width: 100%;
    color: blue;
    text-align: center;
  }

}