ایجاد لودینگ

[malloc]

سلام دوستان گرامی ..... یه روش خیلی ساده برای لودینگ اینه که یه فایل gif بزاریم و هی بچرخه تا کاربر منتظر بمونه .... اما خوب هم قدیمی شده هم سادس ...

حالا ممنون میشم اگه کسی بلده بگه چطور میشه لودینگ داد به ماجرا.....

مثلا کلاس bootstarp زیر میتونه لودینگ استاتیک 70 درصد رو نشون بده اما حالا سوال من اینه که چطور اینو دینامیک کنم و هر لحظه برسی کنه و پر کنه


<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="70"
aria-valuemin="0" aria-valuemax="100" style="width:70%">
70%
</div>
</div>

[Mousavmousab]

سلام

اگر سرور کاری را داره انجام میده (مثل Convert کردن فیلم) و مدتی را کاربر باید صبر کند به عبارتی منتظر بماند ، خوب در این حالت سرور هست که درخواستی را به کلاینت میده و این مدل مسائلرا باید از تکنولوزی های SingleR و Node و Angular کمک بگیرید.

=============
hoolity.com

[malloc]

سلام

اگر سرور کاری را داره انجام میده (مثل Convert کردن فیلم) و مدتی را کاربر باید صبر کند به عبارتی منتظر بماند ، خوب در این حالت سرور هست که درخواستی را به کلاینت میده و این مدل مسائلرا باید از تکنولوزی های SingleR و Node و Angular کمک بگیرید.

=============
hoolity.com

جالبه ؟؟؟
حالا منکه یتیکه کد از اینترنت پیدا کردم و با بوتسترپ جواب گرفتم .... اما این تکنولوژی ها که میگید رو کار نکردم ..... نمیدونم بهتر بود یکم توضیحتون جامعتر میبود

در هر صورت ممنون بابت پاسختون

[keiv@n]

برای ایجاد لودینگ باید width رو به صورت انیمیت گونه افزایش بدی ... چون از پروگرس بار بوت استرپ استفاده می کنی متاسفانه تابع ()animate واسش کار نمیکنه و مجبوری از تابع ()css استفاده کنی که این وضعیت باعث میشه تاخیر ناچیزی به هنگام پر شدن پروگرس بار شاهد باشی ... راه حل دیزاین کردن یه پروگرس بار شخصی هست حالا یا با فوتو شاپ یا با css و نشان دادن روند load توسط متد ()animate....
روش دوم کلا پروگرس بار رو بیخیال شو و از فونت آوسام استفاده کن یه سری کلاس داره که میشه باهاش راحت لودینگ های وکتوری بسازی ....

[Mousavmousab]

جالبه ؟؟؟
حالا منکه یتیکه کد از اینترنت پیدا کردم و با بوتسترپ جواب گرفتم .... اما این تکنولوژی ها که میگید رو کار نکردم ..... نمیدونم بهتر بود یکم توضیحتون جامعتر میبود

در هر صورت ممنون بابت پاسختون

سلام مجدد


خوب بود کدتون را می زاشتین تا ببینیم داره چه کاری انجام میده ؟

چون ارتباط سرور با کلاینت ربطی به bootstrap نداره.

توی شبکه های اجتماعی وقتی توی یه پستی نظر میدین ، بعد از شما (فرض کنیم 5 ثانیه بعد) شخص دیگری پیامی را درج می کنه ، فیس بوک فوراٌ شما را مطلع میکنه و میبینید که بدون اینکه صفحه Refresh بشه از سرور به client که شما باشی داده ارسال میشه ، دقت کنید ، از سرور به کلاینت داده ارسال میشه ، نه اینکه از کلاینت درخواست به سرور داشته باشیم بعد سرور برای ما داده ارسال کنه ، اون میشه Ajax ، برای اینکه Progressbar شما پر بشه باید در هر لحظه از اتمام کار که به صورت درصد است ، از سرور داده به سمت کلاینتی که قبلاٌ اجرا شده ، داده ارسال شود.

این موارد کارها مربوط به node,Angular و SignalR هست.

موفق باشید.
hoolity.com