search

SamaraFellaDina / pleasurable-ui

Ontwerp en maak voor een opdrachtgever een interface waar gebruikers blij van worden
MIT License
1 stars 0 forks source link

maken van een progress bar tijdens het lezen van een artikel #19

Closed SamaraFellaDina closed 5 months ago

SamaraFellaDina commented 5 months ago

ff shoutout naar christoph3r3w zijn code :) Zo maak je de progress bar.

body::after{
    content: '';
    height:7px ;
    position: fixed;
    top: 0;
    z-index: 100;
    background-color: #e7432d;
    width: 100%;
    scale: 0 1;
    transform-origin: left;

    animation: scroll linear;
    animation-timeline: scroll(y) ;
}

@keyframes scroll {
    to{scale: 1 1;}
}