چگونه می توانیم در bootstrap نوار پیشرفت به کاربر نشان دهیم؟
- فرشته حقیقی 5 سال قبل سوال کرد
- آخرین ویرایش 5 سال قبل
- شما باید برای ارسال دیدگاه وارد شوید
نوار پیشرفت برای این است که به کاربر نشان دهیم چه مقدار از یک فرایند را طی کرده است.
برای اینکار در تگ <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>
- فرشته حقیقی 5 سال قبل پاسخ داد
- شما باید برای ارسال دیدگاه وارد شوید