.eggy > div .progress-bar {
    height: 100%;
    width: 105%;
    position: absolute;
    top: 0;
    z-index: 1;
    -webkit-clip-path: polygon(0 0,100% 0,95% 100%,0 100%);
    clip-path: polygon(0 0,100% 0,95% 100%,0 100%);
    -webkit-animation-name: progressBar;
    animation-name: progressBar;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.eggy > div.success > .progress-bar {
    background-color: rgba(97,201,168,.1)
   /* background-color: rgb(16 34 25);*/
}

.eggy > div.warning > .progress-bar {
    background-color: rgba(237,155,64,.1)
   /* background-color: rgb(16 34 25);*/
}

.eggy > div.info > .progress-bar {
    background-color: rgba(64,162,237,.1)
  /*  background-color: rgb(16 34 25);*/
}

.eggy > div.error > .progress-bar {
     background-color: rgba(214,69,80,.1)
  /*  background-color: rgb(16 34 25);*/
}