Hướng dẫn tạo hiệu ứng progress bar cho Blog
Trước khi đi vào bài mình giới thiệu qua cái tên, lúc đầu mình tính đặt tên Hướng dẫn tạo thanh tiến trình cho Blog nhưng suy nghĩ lại chưa chắc nhiều bạn đã biết thanh tiến trình nó là cái gì cho nên ghi là progress bar chắc sẽ nhiều người biết hơn. Hiểu theo cách đơn giản thì progress bar là một đoạn có màu sắc chạy ngang trên đầu giao diện Blog. Ở đây có 2 loại đó là progress bar xuất hiện khi tải trang và khi scroll kéo thanh cuộn xuống. Với hiệu ứng progress bar khi tải trang sử dụng css kết hợp jquery Copy <style type='text/css'> #progress { position:fixed; z-index:101; top:0; left:-6px; width:1%; height:3px; background: #448aff ; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; -moz-transition:width 500ms ease-out,opacity 400ms linear; -ms-transition:width 500ms ease-out,opacity 400ms linear; -o-transition:width 500ms ease-out,opacity 400ms linear; -webkit-transition:width 500ms ease-out,opacity 400ms linear; transition:width 500ms eas…
