پاسخ داده شد
چگونه می توانیم در bootstrap نوار پیشرفت به کاربر نشان دهیم؟
- فرشته حقیقی 3 سال قبل سوال کرد
- آخرین ویرایش 2 سال قبل
- شما باید برای ارسال دیدگاه وارد شوید
پاسخ عالی
نوار پیشرفت برای این است که به کاربر نشان دهیم چه مقدار از یک فرایند را طی کرده است.
برای اینکار در تگ <div> کلاس progress و progress-bar را بصورت زیر استفاده می کنیم.
<div class="progress">
<div class="progress-bar" style="width:70%"></div>
</div>
با استفاده از style مقدار پیشرفت ( حجم آبی ) را نشان دهیم.
برای نشان دادن درصد پیشرفت بصورت زیر عمل می کنیم.
<div class="progress">
<div class="progress-bar" style="width:70%">70%</div>
</div>
برای نشان دادن نوار پیشرفت متحرک از کلاس progress-bar-striped progress-bar-animated استفاده می کنیم
<div class="progress-bar progress-bar-striped progress-bar-animated" style="width:40%"></div>
- فرشته حقیقی 3 سال قبل پاسخ داد
- شما باید برای ارسال دیدگاه وارد شوید
پاسخ شما