سلام و خدا قوت به شما دوستان همراه و حرفه ای
با یه آموزش دیگه با عنوان ProgressBar در بوت استرپ 4 در خدمتتون هستیم.
کار با نوار پیشرفت در Bootstrap 4
هدف اصلی استفاده از یک نوار پیشرفت (progress bar) ، در واقع ، برای نشان دادن اینکه کاربر تا چه حد در طی فرایندی پیسرفت داشته است. می باشد.
برای ایجاد نوار پیشرفت پیش فرض از کلاس .progress ، برای عنصر که به عنوان یک ظرف نوار پیشرفت در آن قرار می گیرد. و سپس از کلاس progress-bar برای ایجاد عناصر فرزند آن استفاده می شود. همچنین می توانید از خصوصیت width برای تنظمی عرض نوار پیشرفت ، استفاده کنید.
تنظیم ارتفاع نوار پیشرفت (progress bar)
در حالت پیش فرض ارتفاع یک نوار پیشرفت ، px است. بریا تغییر دادن آن می توانید از کلاس height ، استفاده کنید. توجه داشته باشید که شما باید همان ارتفاع را برای ظرف نوار پیشرفت و نوار پیشرفت تنظیم کنید.
دانلود از وبسایتwww.heilton.com