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

reset and begin

6/14/2014

đâ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>