bonjour

je souhaite savoir comment fait ont pour ajouter un gif de chargement avant le keyframes, il y a le cours créer des animations sass moderne

mais manque beaucoup de html d'explications d'exemple je trouve .

un ::before content url avant le keyframes + animations delay ???

 &__bar {
        animation: progress-bar 1000ms 150ms;
        background-color: $cd-btn;
        margin: 4px -2px 4px 0px;
        height: 20px;
        width:100%;
        transition: transform 2000ms;
        transform-origin: 0% 50%;
     }
}
@keyframes progress-bar {
    0% {
        
        transform: scaleX(0.1);
        opacity: .1;
    }
    17% {
        transform: scaleX(.18);
    }
    24% {
        transform: scaleX(.4);
    }
    46% {
        transform: scaleX(.81);
    }
    85%,100% {
        opacity: 1;
    }
    100% {
        transform: scaleX(1);
    }
}

quelqu'un qui a déjà suivi se cours pourrai aider ??