Merhaba arkadaşlar Youtube‘da gezerken Youtube’un yeni yükleniyor çubuğu/barı bende olduğu gibi birçok kişininde ilgisini çekmiştir. Bende bu olayı birkaç sitede daha gördükten sonra bi araştırma yaptım fakat türkçe kaynaklı sitelerde bulamayınca yabancı kaynakta araştırma yaptım ve sonunda WordPress‘e uyarlanmış halini buldum. Aşağıdaki işlemleri sırasıyla yaptığınız taktirde sizde çok kolay bir şekilde kendi sitenize ekleyebilirsiniz.

1. Adım: Style.css dosyasını açığ aşağıdaki kodları dilediğiniz yere yağıştırın.

.pace .pace-progress {
  background: #29d;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  height: 2px;
  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}
.pace-inactive {
  display: none;
}

3. Adım: Header.php’yi açın ve aşağıdaki kodu head tagından önce yapıştırın

​<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js?ver=1.7.2"></script>
<script type="text/javascript" src="https://raw.github.com/HubSpot/pace/v0.4.15/pace.min.js"></script>

Düzeltme: 03.03.2014

Sevgiler.
Bir önceki yazımız olan CSS ile Yazıyı Dikey Ortalama başlıklı makalemizi de okumanızı öneririz.