diff --git a/assets/js/main.js b/assets/js/main.js
index a9c07f8..ddd115d 100644
--- a/assets/js/main.js
+++ b/assets/js/main.js
@@ -175,17 +175,19 @@
     /**
      * Skills animation
      */
-    let skilsContent = select(".skills-content");
-    if (skilsContent) {
-        new Waypoint({
-            element: skilsContent,
-            offset: "80%",
-            handler: function(direction) {
-                let progress = select(".progress .progress-bar", true);
-                progress.forEach((el) => {
-                    el.style.width = el.getAttribute("aria-valuenow") + "%";
-                });
-            },
+    let skillsContent = select(".skills-content .progress", true);
+    if (skillsContent) {
+        skillsContent.forEach((skill) => {
+            new Waypoint({
+                element: skill,
+                offset: "100%",
+                handler: function(direction) {
+                    let progress = skill.querySelectorAll(".progress-bar");
+                    progress.forEach((el) => {
+                        el.style.width = el.getAttribute("aria-valuenow") + "%";
+                    });
+                },
+            });
         });
     }