BayramHazar.Tr.Gg™ ..:: Kişisel Blog ve Webmaster Sitesi ::..

Herkes en popüler video sitesi Youtube'yi biliyordur .

Hakikaten çok güzel bir site . Ve tekil ziyaretçi sayısı çok yüksek . Bu sitede dikkatinizi çekti mi bilmiyorum ama sayfayı

yenilediğinizde göreceksiniz , üstte şöyle kırmızı bir yükleme çubuğu var , kırmızı . Sayfa yüklendiğinde gidiyor , yüklenirken de sağa doğru kayıyor ve yüklenme hissi veriyor . Bir çoğumuzun dikkatini çektiğine eminim . Bugün bu yükleme çubuğunu sitenize ekleme kodunu paylaşacağız .

A Large Sub-Heading

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

A Smaller Sub-Heading

Donec sed odio dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed odio dui. Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus.

.empty {
 width: 320px;
 height: 200px;
 background: #f3f3f5;
 margin: 0 0 0 0;
}

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis.

• Cras mattis consectetur purus sit amet
• Cras mattis consectetur purus sit amet fermentum
• Donec sed odio dui

Donec sed odio dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed odio dui. Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus.

Quisque pellentesque fringilla scelerisque. Donec porta urna eu fringilla adipiscing. Nullam id eleifend massa. Curabitur eu blandit sapien. In et nibh ornare, blandit mi vel, imperdiet dui. Aenean ante libero, semper a leo vel, ultrices porttitor sem. Nulla dignissim facilisis sapien, vitae consectetur sem semper eget. Etiam interdum libero nec enim imperdiet, feugiat dapibus nisi pretium. Donec fermentum ultrices gravida.
Duis ut urna viverra dui pretium accumsan quis ac justo. Mauris porttitor, lorem non laoreet rhoncus, purus sapien viverra augue, sed rutrum sem tellus in nulla. Aliquam et nibh in ante pretium varius nec et risus. Etiam egestas lorem sit amet purus ultricies condimentum. Phasellus rutrum velit sit amet accumsan auctor. Donec at elit lorem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec nec odio eget sem condimentum convallis. Donec vehicula odio quis rhoncus vestibulum. Phasellus nec molestie erat. Mauris porta volutpat quam, et hendrerit leo tempor ac. Quisque molestie ante ac odio sagittis porta. Duis imperdiet viverra massa scelerisque mollis. Phasellus pulvinar arcu quis lorem fermentum, eget adipiscing diam volutpat.
Donec ut tempor ligula. Suspendisse suscipit tellus libero, ac iaculis metus feugiat a. Maecenas vitae tempus tellus, in auctor lectus. Suspendisse leo dolor, elementum nec facilisis vel, facilisis eget ligula. Curabitur sodales varius est et placerat. Maecenas commodo sapien eu consequat placerat. Sed gravida dignissim orci, in sollicitudin dolor vestibulum varius. Aenean mauris urna, congue a posuere vitae, tempor nec nisl. Cras ac massa sapien.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque eget augue vel orci placerat aliquet in sed felis. In ac erat sit amet justo ullamcorper fringilla et ac libero. Ut sollicitudin porttitor justo id faucibus. Curabitur gravida dictum molestie. Mauris pulvinar consectetur diam, in vulputate justo dignissim sit amet. Sed metus neque, semper sed ligula vitae, pharetra venenatis libero. Praesent et dui sodales velit convallis adipiscing vitae sit amet elit. Vivamus mauris est, molestie vel ipsum at, euismod blandit lacus.

Proin pretium justo lectus, eu eleifend dui ullamcorper sit amet. Cras orci est, pellentesque ac enim eu, sodales gravida turpis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam sit amet elit ut enim porttitor mattis. Maecenas in elit congue, ornare diam vel, eleifend leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut ligula eget purus interdum placerat. Curabitur tellus dolor, tempus a turpis vel, consequat egestas risus. Duis vestibulum enim vitae nunc vulputate vehicula. Mauris ut tortor turpis. Sed nisi nibh, sollicitudin semper dapibus id, aliquet et tellus. Ut lobortis dui mauris, ac aliquet lectus viverra non. Nullam ac lectus luctus, ultrices lacus eu, vulputate enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla cursus interdum massa in consequat. Vivamus accumsan metus imperdiet varius scelerisque.
Mauris sit amet ante non massa lacinia hendrerit. Quisque fringilla, lorem sed tristique sollicitudin, lectus sem porta neque, ac congue lorem leo vitae erat. Vestibulum euismod, mi eget commodo imperdiet, tortor velit luctus sapien, sed malesuada risus eros eu metus. Suspendisse semper tortor et lorem auctor iaculis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean fermentum facilisis sem, a auctor ante blandit nec. In lobortis sagittis augue, nec iaculis est dictum sed. Etiam congue ornare tortor quis porta.
Aliquam sollicitudin est ac mattis aliquet. Ut sit amet mollis dui. Cras augue purus, scelerisque in gravida quis, semper quis diam. Sed magna velit, bibendum id imperdiet et, auctor sit amet odio. Nullam eget congue lacus, at pharetra odio. Vivamus porttitor felis ligula, consequat volutpat lorem scelerisque non. Donec sed dictum quam. Nullam blandit mattis massa eu ullamcorper. Nulla eget eros tincidunt, adipiscing tellus eu, sollicitudin dui. Ut eget ante id quam accumsan tempor suscipit at risus. Cras non erat a nisl facilisis porta molestie et quam. Sed ultrices metus sit amet lorem porta, sit amet tincidunt nisl fermentum. Pellentesque id dolor condimentum, pretium felis vitae, auctor ante. Phasellus accumsan odio ut lectus eleifend, viverra facilisis velit pretium. Nunc venenatis sapien at dui fermentum vehicula.