نوار پیشرفت ترکیبی

آموزش بوت استرپ ، نوار پیشرفت ( Progress Bar )

یکی از مهم ترین عناصر در برای نشان دادن پیشرفت یک پروژه ،  نمودار میله ای جهت آمارگیری و ... نوار پیشرفت می باشد. نوار پیشرفت ( Progress Bar ) همان تگ <progress> در html5 می باشد که بوت استرپ با ترکیب این المان با css و کمی جاوااسکریپت، به جذابیت بصری آن افزوده است و علاوه بر این، آن را به صورت ریسپانسیو نیز درآورده است. نکته: نوارهای پیشرفت در اینترنت اکسپلورر9 و ورژن های قبلی آن پشتیبانی نمی شود ( زیرا آنها از transition ها و animation ها برای ایجاد بعضی افکت های خود استفاده می کنند ). با استفاده از کلاس .progress در <div> اصلی و استفاده از .progress-bar در تگ های والد می توان یک ...

ادامه مطالب