Loading HTML

 LOADING ANIMATION IN HTML BY MUBASHIR


 OWNER'S IG:the_mq_verse_

For More Html Projects IG: atomic_freelancer


Here is this code.
You can simply learn it or Copy it.



<!DOCTYPE html>
<html>
<head>
  <style>
    /* Define keyframes for loading animation */
    @keyframes loading {
      0% { width: 0%; }
      100% { width: 100%; }
    }

    /* Apply styles for loading container */
    .loading-container {
      width: 200px;
      height: 20px;
      border: 1px solid #ccc;
      overflow: hidden;
    }

    /* Apply styles for loading bar */
    .loading-bar {
      width: 0%;
      height: 100%;
      background-color: #007bff;
      animation-name: loading;
      animation-duration: 2s;
      animation-iteration-count: infinite;
    }
      /* Code By MubashirQazi
      IG:the_mq_verse_/atomic_freelancer*/
  </style>
</head>
<body>
  <div class="loading-container">
    <div class="loading-bar"></div>
  </div>
</body>
</html>





For More Projects Follow my IG.

For Hand written notes at very cheap price.
DM mg private IG:@the_mq_verse_



Comments

Post a Comment