בירור | איך משנים את הרענון באתר (html-css)?

[סקרן להבין]

באתר של בית אלף הרענון הוא סוג של פס יפה ועדין. איך עושים את זה? מישהו יודע?
תודה רבה!

[צדיק תמים]

@סקרן-להבין פס הטעינה יכול להיות באתרים שמשתמשים בSPA, כמו לדוגמה nodebb, שלא מרענן את האתר מהשרת בכל מעבר עמוד (אם תשים לב כשלוחצים על רענון של הדפדפן הרענון הוא רגיל ולא עם הפס הנ"ל)
האתר הנ"ל ספציפית משתמש ב https://inertiajs.com

[סקרן להבין]

@צדיק-תמים

<div class="loading-bar"></div>

.loading-bar {
  width: 100%;
  height: 4px;
  background: blue;
  position: fixed;
  top: 0;
  left: 0;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}

// Hide the loading bar when the page is loaded
window.addEventListener("load", function () {
  document.querySelector(".loading-bar").style.display = "none";
});

באדיבות צאט בינג
הוא צודק?

[צדיק תמים]

@סקרן-להבין לא
מה שהוא הביא לך רלוונטי אולי לדף שלוקח לו הרבה זמן להיטען (שוב, פחות מצוי באתר HTML פשוט) כדי להציג אנימציית טעינה עד להשלמת טעינת הדף