Прогресс-бар загрузки страницы как в Яндекс Браузере при помощи jQuery и CSS3
Отличный современный прогресс-бар, который отображает степень загрузки вашего сайта в верхней части под адресным полем браузера
Для начала посмотрите ДЕМО
Установка:
1#: На нужных страницах вашего сайта между head и /head вставьте:
|
1 |
<link rel="stylesheet" type="text/css" href="/css/nprogress.css" /> |
2#: На этих же страницах между body и /body вставьте:
|
1 2 3 4 5 6 7 8 9 10 |
<script src="/js/nprogress.js"></script> <script> NProgress.start(); $('body').show(); $(window).load(function() { setTimeout(function() { NProgress.done(); $('.fade').removeClass('out'); }, 1000); }); </script> |
Осталось лишь залить CSS файл из прикреплённого архива в папку css и JS файл в папку js
Источник материала: http://zornet.ru
Работает! Спасибо!
Пожалуйста 😀