https://code.iconify.design/2/2.1.2/iconify.min.js

  // وقتی روی لینک کلیک می‌شود و صفحه در حال بارگذاری است
    document.addEventListener('DOMContentLoaded', function () {
        const links = document.querySelectorAll('a');

        links.forEach(function (link) {
            link.addEventListener('click', function (event) {
                const progressBar = document.getElementById('progress-bar');
                progressBar.style.width = '0%'; // شروع از 0%
                progressBar.style.display = 'block';

                let width = 0;
                const interval = setInterval(function () {
                    if (width >= 100) {
                        clearInterval(interval);
                    } else {
                        width += 10; // افزایش عرض به تدریج
                        progressBar.style.width = width + '%';
                    }
                }, 100); // سرعت بارگذاری (هر 100 میلی‌ثانیه)

                // وقتی صفحه جدید بارگذاری شد، نوار پیشرفت را مخفی می‌کنیم
                window.addEventListener('beforeunload', function () {
                    progressBar.style.width = '100%';
                });
            });
        });
    });

    // نوار پیشرفت را انتخاب کنید
    const progressBar = document.getElementById('progress-bar');

    // رویداد کلیک روی لینک‌ها
    document.querySelectorAll('a').forEach(link => {
        link.addEventListener('click', function (event) {
            // جلوگیری از باز شدن مستقیم لینک برای مدیریت نوار پیشرفت
            event.preventDefault();

            // شروع نوار پیشرفت
            let width = 0;
            progressBar.style.width = '0%';
            progressBar.style.display = 'block';

            // شبیه‌سازی پیشرفت بارگذاری
            const progressInterval = setInterval(() => {
                if (width >= 100) {
                    clearInterval(progressInterval);
                    // پس از تکمیل نوار، لینک را باز کنید
                    window.location.href = link.href;
                } else {
                    width += 1;
                    progressBar.style.width = width + '%';
                }
            }, 30); // این مقدار را می‌توانید بر اساس سرعت مورد نظر تغییر دهید
        });
    });