Animated Glowing Progress Bar

HTML JS Y CSS

.progress-container {
        width: 300px;
        padding:5px;
        border-radius: 25px;
        background-color: #222;
  
    }

.progress-bar {
        height: 30px;
             width: 300px;
        background: linear-gradient(90deg, #4caf50, #81c784);
   text-align: center;
        border-radius: 25px;
        font-weight: bold;
        line-height: 30px;
        animation: progress 1s ease-in-out forwards, glow 2s ease-in-out infinite;
    }

@keyframes glow{

0%{
        box-shadow:0 0 5px #4caf50;
    }
    50%{
        box-shadow:0 0 20px #81c784;
    }
    100%{
        box-shadow:0 0 5px #4caf50;
    }
}

@keyframes progress{
    0%{
        width:0;
    }
    100%{
        width:80%;
    
 }
}
#per_{
float:right;
margin-right:20px;
}
</style>