Webmasterr
Çalışkan Üye
- Katılım
- 11 Mar 2018
- Mesajlar
- 174
- Beğeniler
- 0
Merhaba arkadaşlar konuyu fazla uzatmaya gerek yok luzumsuz ama hoş bir detaydır meraklısı için
Bulun
HTML Kodu:
</head>
Üstüne
Kod:
<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>
Ekleyin
HTML Kodu:
#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;
}
CSS
Bulun
HTML Kodu:
</head>
Üstüne
Kod:
<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>
Ekleyin
HTML Kodu:
#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;
}
CSS
