Add files via upload

Rustcodeweb · web-flow · commit c310187b7479 · 2022-09-19T15:56:46.000+05:30
diff --git a/index.html b/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Pure CSS Progress Bar Animation| Rustcode</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+
+<div class="progress-bar-container">
+  <div class="progress-bar"></div>
+</div>
+
+</body>
+</html>
diff --git a/style.css b/style.css
@@ -0,0 +1,40 @@
+body{
+  margin: 0px;
+  background: #F9F9F9;
+  box-sizing: border-box;
+}
+
+.progress-bar-container{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100vh;
+}
+
+.progress-bar{
+  position: relative;
+  width: 600px;
+  height: 20px;
+  border-radius: 20px;
+  overflow: hidden;
+  background: #FFF;
+  border: 2px solid #FE4A49;
+}
+
+.progress-bar::before{
+  content: "";
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  transform: scaleX(0);
+  transform-origin: left center;
+  background-color: #FE4A49;
+  animation: 3s progress ease-out forwards;
+}
+
+@keyframes progress {
+  to{
+    transform: scaleX(1);
+  }
+
+}
