ایجاد Loading واقعی
پیش از این در مقاله "انواع loading های بسیار زیبا و جذاب" در مورد افکت های لودینگ صحبت کردیم اما در اینجا با استفاده از پلاگین Automatic page load progress bar میتوانید زمان واقعی Loading را تجربه کنید. تنها کافی است بر روی لینک زیر کلیک کنید.
Automatic page load progress bar
سپس فایل pace.js را دانلود کرده و به پروژه ضمیمه کنید. نمونه های Loading را مشاهده و انتخاب کنید. سپس وارد سایت Github شوید از قسمت بالای صفحه DownloadZip را انتخاب، دمو کامل را دانلود کنید و فایل استایل انتخابی خود را به صفحه ضمیمه کنید. به عنوان مثال اگر میخواهید افکت موجود در تصویر بالا به رنگ نقره ای ایجاد کنید باید در پوشه ای که از سایت Github دانلود کردید وارد مسیر زیر شوید و فایل استایل را به پروژه ضمیمه کنید.
pace-1.0.2\pace-1.0.2\themes\silver\pace-theme-center-atom.css
محتوای صفحه شما هرچه باشد زمانی برای بارگذاری لازم دارد وقتی افکت شما از صفحه محو می شود خواهید دید صفحه کامل بارگذاری شده است. و این زمان واقعی توسط سرور جهت بارگذاری صرف شده است.
منبع:طراحی سایت ارزان