Добавить в закладки
Скачать [ZIP] [4 КБ]
Отличный современный прогресс-бар, который отображает степень загрузки вашего сайта в верхней части под адресным полем браузера
Для начала посмотрите ДЕМО
Установка:
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