Sliding bar

In this example below you will see how to do a Sliding bar with some HTML / CSS and Javascript

This awesome code was written by jainulhuq, you can see more from this user in the personal repository.
You can find the original code on
Copyright jainulhuq ©
  • HTML
  • CSS
  • JavaScript
    <div id="abc"></div>

/*Downloaded from */
     @-webkit-keyframes reducetime {
 0% {width: 0;}
100% { width: 100%; }
#abc {
    width: 100%;
    height: 200px;
    background-color: red;
    -webkit-animation-duration: 1s;
    -webkit-animation-name: reducetime;

/*Downloaded from */