Hacker News new | ask | show | jobs
by quickthrower2 2036 days ago
Here is a universal progress bar in pure CSS (no need for any annoying JS code that needs to know what is actually going on), similar to the old lying IE bar:

    .progress {
      height: 100px;
      background-color: red;
      animation-name: example;
      animation-duration: 10000s;
    }

    @keyframes example {
      0% {width: 0%;}
      0.1% {width: 50%;}
      2% {width: 90%;}
      100% {width: 99%;}
    }