PDA

View Full Version : مبتدی: ایجاد progressbar


yasesepid
دوشنبه 25 فروردین 1393, 19:35 عصر
با سلام
اگر بخام برای نمایش درصدهای مختلف یک مقدار عددی چنین تصویری داشته باشم این کار به چه صورت امکانپذیره؟
تصویر در ضمیمه
[younes]
دوشنبه 25 فروردین 1393, 19:38 عصر
شما میتونید با استفاده از JQuery UI این کار رو به سادگی انجام بدهید
yasesepid
دوشنبه 25 فروردین 1393, 20:12 عصر
من تازه طراحی سایت شروع کردم.ممکنه بیشتر توضیح بدید یا یک راه ساده تر مثلا با css نمیشه این کاررو انجام داد؟
حمید . ه
دوشنبه 25 فروردین 1393, 22:05 عصر
سلام دوست عزیز
شما میتونید با قابلیت های html5 و css3 خیلی راحت این کار رو انجام بدید
این لینک مفیده واسه کار شما
http://css-tricks.com/html5-progress-element/
viiictor
دوشنبه 25 فروردین 1393, 23:37 عصر
http://jqueryui.com/progressbar/

http://www.jqueryrain.com/demo/jquery-progress-bar/

http://designbeep.com/2012/08/30/27-jquery-css3-loading-animation-and-progress-bar-pluginstutorials/

از این لینک ها استفاده کنید. کاملا متوجه خواهید شد.
yasesepid
سه شنبه 26 فروردین 1393, 17:14 عصر
ممنون بابت راهنماییتون.
مقدار درصد رو از دیتابیس میخونم و با یک متد محاسبه انجام میدم.میخام نتیجه این متد بشه اندازه width یک div.اینو چه جوری تغییر بدم.
حمید . ه
سه شنبه 26 فروردین 1393, 18:30 عصر
ممنون بابت راهنماییتون.
مقدار درصد رو از دیتابیس میخونم و با یک متد محاسبه انجام میدم.میخام نتیجه این متد بشه اندازه width یک div.اینو چه جوری تغییر بدم.
میتونید از jquery به روش زیر استفاده کنید
$('#divId').css("width",value)
user68
جمعه 28 شهریور 1393, 14:12 عصر
با سلام
دوستان من با این دستور <div class="progress_bar" role="progressbar" aria-valuenow="50%" aria-valuemin="0" aria-valuemax="100" style="width:80%">80% Photosop</div>

یه پروگرس بار ایجاد کردم. اما بعضی جاها دیدید موقع لود صفحه همون وقت پروگرس بارها هم مقدارشون لود میشه و به مقدار مورد نظر میرسه.
میخواستم ببینم چه طور میتونم این کارو بکنم؟ (البته تا بشه میخوام بدون جی کوئری و فقط با css )
با تشکر
godofphp
جمعه 28 شهریور 1393, 14:23 عصر
من با بوت استرپ سایتم رو زده بودم خودش کلاس
progressbar داره ازش میتونی استفاده کنی
سایتم رو ببین (http://tablighatsara.com)
user68
جمعه 28 شهریور 1393, 17:05 عصر
من با بوت استرپ سایتم رو زده بودم خودش کلاس
progressbar داره ازش میتونی استفاده کنی
سایتم رو ببین (http://tablighatsara.com)


پیداش کردم یه کد جی کوئری بود که البته کوچیک هم بود.

در ضمن سایت قشنگی ساختید.حالا اگه میخواستم از کلاس progress استفاده کنم باید چی کار میکردم ؟ منظورتون اینه که باید از بوت استرپ استفاده میکردم؟
godofphp
جمعه 28 شهریور 1393, 19:08 عصر
پیداش کردم یه کد جی کوئری بود که البته کوچیک هم بود.

در ضمن سایت قشنگی ساختید.حالا اگه میخواستم از کلاس progress استفاده کنم باید چی کار میکردم ؟ منظورتون اینه که باید از بوت استرپ استفاده میکردم؟
منظورم کمک بود! این با خودتون بود که از کل بوت استرپ استفاده کنید یا تنها پروجیسر اون رو از داخلش پیدا کنی و ازش استفاده کنی