Jquery nprogress tạo hiệu ứng load trang đang xử lý

Hôm nay yeusharevip blogger xin Chia sẻ với các bác thủ thuật mới
đây là 1 hiệu ứng jquery giúp tạo cảm giác cho người đang xem website có cảm giác đang chờ trang web load .
 nprogress sẽ cho ta cảm giác  biết được số liệu, hiệu suất, tiến độ website đến đâu .

demo
http://ricostacruz.com/nprogress/

download
https://github.com/rstacruz/nprogress
1-sử dụng thư viện jquery mới nhất
2-sử dụng thư viện nprogress.js
3-file css  progress.css
thêm
style cho thẻ body
<body style='display: none'>
 
 thêm vào trước thẻ khi đóng </body> để gọi nprogress bar
 <script>    $('body').show();    $('.version').text(NProgress.version);    NProgress.start();    setTimeout(function() { NProgress.done(); $('.fade').removeClass('out'); }, 1000);   </script>

Nếu có thắc mắc, hãy để lại comment phía dưới nhé, quản trị viên của yeusharevip blogger sẵn sàng trợ giúp bạn
chúc các bác thành công!!

Đăng nhận xét

Mới hơn Cũ hơn