mtas-tv-frontend/src/app/display/commit-tracker/commit-tracker.component.css

:host {
    background-color: #444;
}

.ui.label.inprogress {
    position: relative;
}

.ui.label.inprogress::after {
    content: '';
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff;
    border-radius: .28571429rem;
    animation: label-progress-active 2.5s ease infinite;
}

.ui.label.blue-yellow {
    background: linear-gradient(
        to top right,
        #2185d0 45%,
        #fbbd08 55%);
}

.ui.label.blue-red {
    background: linear-gradient(
        to top right,
        #2185d0 45%,
        #db2828 55%);
}

@keyframes label-progress-active {
  0% {
    opacity: 0.5;
    width: 0;
  }

  100% {
    opacity: 0;
    width: 100%;
  }
}