/**
 * نوار به‌عنوان اولین آیتم صفحه، پیش از هدر، در جریان عادی سند (نه overlay روی هدر)
 * از position: sticky استفاده می‌شود تا هنگام اسکرول در بالای صفحه بماند
 * ولی چون در ابتدای body قرار دارد، هدر همیشه زیر آن (نه رویش) رندر می‌شود.
 */
#spb-progress-container {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999999;
  background: transparent;
  pointer-events: none;
  display: block;
  background-color:#031833;
}

#spb-progress-bar {
  height: 100%;
  width: 0%;
  /* گرادیان واقعی: بخش نمایان‌شده از یک گرادیان ثابت به عرض کل صفحه است،
     نه محو رنگ فریم‌به‌فریم (اوپاسیتی) */
  background-repeat: no-repeat;
  background-position: left center;
  transition: width 0.08s linear;
  will-change: width;
}