Merhabalar arkadaşlar. Bildiğiniz üzere YouTube'un oldukça güzel bir yükleme çubuğu bulunmaktadır (hani bir videodan diğerine geçtiğinizde üstte dolan kırmızı çubuk). Bunu kendi forumunuzda da oluşturabilirsiniz.

Öncelikle PAGE_CONTAINER şablonunuzu açın ve </head> kodundan öncesine şunu ekleyin:

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

Ardından extra.css'i açın ve şu kodları ekleyin:

#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;
}

background: #ff0000; kodundaki renk kodu kırmızı renk içindir, siz kendinize uygun bir renk koduyla değiştirebilirsiniz.