EN

Search
Close this search box.

موستانگ، وحشیِ دوست داشتنی

پاسخ داده شد
0
0

چگونه می توانیم در bootstrap نوار پیشرفت به کاربر نشان دهیم؟

  • شما باید برای ارسال دیدگاه شوید
پاسخ عالی
0
0

نوار پیشرفت برای این است که به کاربر نشان دهیم چه مقدار از یک فرایند را طی کرده است.

 

برای اینکار در تگ <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>

 

  • شما باید برای ارسال دیدگاه شوید
نمایش 1 نتیجه
پاسخ شما
اگر قبلاً حساب کاربری دارید با پر کردن فیلد های زیر یا به عنوان مهمان ارسال کنید.
نام*
ایمیل*
وب سایت