YouTube Tarzı Yükleme Çubuğu Oluşturma

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.