karma/website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: progress bar animations

Browse Source
This commit is contained in:
Karma Riuk 2023-09-02 17:10:48 +02:00
parent b17729e9c0
commit f1a0f407bd
1 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
assets/js/main.js
View File

@ -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") + "%";
});
},
});
});
}