style.css

:root {
  --progress-bar-height: 4px;
  --progress-bar-color: gainsboro;
  --progress-bar-value-color: dodgerblue;
  --progress-bar-value: 20%;
}

.progress-wrapper {
  position: relative;
  width: 100%;
  height: 30px;
}

.progress-label {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 14px;
}

progress {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  width: 100%;
  height: var(--progress-bar-height);
  background-color: var(--progress-bar-color);
  border: none;
}

progress::-moz-progress-bar {
  background-color: var(--progress-bar-value-color);
}

progress::-webkit-progress-bar {
  background-color: var(--progress-bar-color);
}

progress::-webkit-progress-value {
  background-color: var(--progress-bar-value-color);
}

progress::-ms-fill {
  background-color: var(--progress-bar-value-color);
}

.round-border{
  border-radius: 16px; !important;
}

.no-border{
  border-color: transparent; !important;
}

.light-grey {
  color:#000!important;background-color:#f1f1f1!important
}

.button-blue {
  background-color: rgba(7,225,252,0.11);
  border: none;
  color: rgba(7,225,252,1);
  font-weight: bolder;
  font-size: 2rem;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  display: inline-block;
  border-radius: 50px;

}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}