Thêm loading xenforo giống youtube

[PVS]

Thêm script loading xenforo giống youtube. Cách làm cực kỳ đơn giản.

Demo:

​

Các bạn thực hiện như sau:
B1. Thêm đoạn code dưới vào trước </head> trong templates PAGE_CONTAINER

<script>
$(function() {
$("body").append($("<div></div>").attr("id", "progress"));
$("#progress").width((50 + Math.random() * 30) + "%");
});
$(window).load(function() {
$("#progress").width("101%").delay(300).fadeOut(400);
});
</script>

B2. Thêm vào dưới cùng Extra.css

#progress {position: fixed;
    z-index: 100;
    top: 0;
    left: -6px;
    width: 1%;
    height: 3px;
    background: #ff0000;
    border-radius: 1px;
    transition: width 500ms ease-out,opacity 400ms linear;
}

Lưu lại và F5 để xem.

Nguồn: muaban47.net​

 

[daipqvms]

em làm được rồi, giờ em muốn bỏ cái vòng loading trên chỗ favicon của website thì sao bác??

 

[PVS]

cái đó hình như của trình duyệt @@

 

[daipqvms]

nhưng vào youtube lại không thấy, một số trang em vào nếu có load như hướng dẫn thì cũng k thấy, là seo @_@