طراحی سایت شرکتی با کنترل پنل اختصاصی تحویل فوری - 250 هزار تومان اطلاعات بیشتر

ایجاد Loading واقعی

Automatic page load progress bar

Automatic page load progress bar,loading

ایجاد 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

محتوای صفحه شما هرچه باشد زمانی برای بارگذاری لازم دارد وقتی افکت شما از صفحه محو می شود خواهید دید صفحه کامل بارگذاری شده است. و این زمان واقعی توسط سرور جهت بارگذاری صرف شده است.

منبع:طراحی سایت ارزان

 

اگر سوالی در رابطه با این مطلب دارید می توانید از طریق فرم زیر ارسال کنید
  • ایمیل شما به هیچ عنوان در سایت نمایش داده نمی شود
  • کامنت شما بعد از تایید مدیر سایت نمایش داده می شود