چگونگی ساخت loading bar

[sajad_boj71]

با سلام و خسته نباشید
سایت هایی مثل دیجی کالا ، بامیلو و خیلی سایت های دیگه موقعی که وارد سایت میشی قبل اینکه اطلاعات کامل لود بشه یه loading bar نمایش داده میشه (مثل عکس زیر) و هنگامی که لود صفحه کامل شد این آیکون لودینگ از بین میره. اگه دقت کنید میبینید که این سایت ها عکس لودینگ رو برای قسمت هایی که خودشون انتخاب کردن میزان و نه یک عکس لودینگ برای کل صفحه. لطفا بفرمایید چجوری باید این کار انجام بدم؟ممنون


عکس loading bar
137656

[پیام حیاتی]

http://www.aspsnippets.com/Articles/Display-ASPNet-AJAX-UpdateProgress-in-center-of-page-with-background-covering-whole-screen.aspx

[sajad_boj71]

http://www.aspsnippets.com/Articles/Display-ASPNet-AJAX-UpdateProgress-in-center-of-page-with-background-covering-whole-screen.aspx
متاسفانه این بدرد نمیخوره.سوالم رو درست نخوندید فک کنم!

[amir_T_2008]

سلام

من یکی برای خودم ساختم قرار میدم شما هم استفاده کن



<style>
#loading {
position:fixed;

height:100%;

width:100%;



background-color:#0c0c0c;
/*opacity:0.9;*/

color:white;


}





<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>

<script type="text/javascript">
$(window).load(function () {
$("#loading").hide();
})
</script>






<div id="loading">

<img src="loader3.gif" alt="Loading..." width="90px" height="30px" />

</div>




موفق باشید

[kh1387]

سلام
من کدهای شما رو استفاده کردم ولی هیچ نتیجه ای نداشته...
مشکل از کجاست؟

[amir_T_2008]

سلام
من کدهای شما رو استفاده کردم ولی هیچ نتیجه ای نداشته...
مشکل از کجاست؟

خدمت شما

موفق باشید

[kh1387]

فقط یه سوال
چطوری باید این عکس رو وسط صفحه انداخت.
من هرکاری کردم نشد.
بازهم ممنون

[amir_T_2008]

فقط یه سوال
چطوری باید این عکس رو وسط صفحه انداخت.
من هرکاری کردم نشد.
بازهم ممنون

توی تگ style کد زیر وارد کنید

text-align:center;