ขอสอบถามวิธีการเขียน bootstrap 3 ในการสร้าง bar ครับ

ตอบกระทู้

รูปแสดงอารมณ์
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
รูปแสดงอารมณ์อื่นๆ

BBCode เปิด
[img] เปิด
[url] เปิด
[Smile icon] เปิด

กระทู้แนะนำ
   

มุมมองที่ขยายได้ กระทู้แนะนำ: ขอสอบถามวิธีการเขียน bootstrap 3 ในการสร้าง bar ครับ

Re: ขอสอบถามวิธีการเขียน bootstrap 3 ในการสร้าง bar ครับ

โดย digitalludhiana » 18/04/2020 12:58 am

if you are looking for progress bar. then here's the code. although I prefer you to go bootstrap 3 documentation

โค้ด: เลือกทั้งหมด

<div class="progress">
  <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
    <span class="sr-only">60% Complete</span>
  </div>
</div>

Re: ขอสอบถามวิธีการเขียน bootstrap 3 ในการสร้าง bar ครับ

โดย benzas00123 » 22/01/2020 3:32 pm

chatee supasand เขียน: 22/01/2020 3:28 pm แบบนี้รึเปล่าครับ

โค้ด: เลือกทั้งหมด

<form class="range-field">
  <input type="range" min="0" max="100" />
</form>
อ้างอิง
https://mdbootstrap.com/docs/jquery/forms/slider/
ใช่แล้วครับ ขอบคุณครับ

Re: ขอสอบถามวิธีการเขียน bootstrap 3 ในการสร้าง bar ครับ

โดย benzas00123 » 22/01/2020 3:31 pm

thatsawan เขียน: 22/01/2020 3:21 pm การสร้าง bar คืออะไร ภาพประกอบหน่อย
ผมต้องการสร้าง bar ประมาณนี้ครับโดย เราสามารถเลื่อนตัวเลื่อนได้เพื่อที่จะเก็บค่าครับ โดยจะเป็นค่าตั้งแต่ 1 - 100
HTML CSS-1.png
HTML CSS-1.png (2.33 KiB) Viewed 3164 times

Re: ขอสอบถามวิธีการเขียน bootstrap 3 ในการสร้าง bar ครับ

โดย chatee supasand » 22/01/2020 3:28 pm

แบบนี้รึเปล่าครับ

โค้ด: เลือกทั้งหมด

<form class="range-field">
  <input type="range" min="0" max="100" />
</form>
อ้างอิง
https://mdbootstrap.com/docs/jquery/forms/slider/

Re: ขอสอบถามวิธีการเขียน bootstrap 3 ในการสร้าง bar ครับ

โดย thatsawan » 22/01/2020 3:21 pm

การสร้าง bar คืออะไร ภาพประกอบหน่อย

Re: ขอสอบถามวิธีการเขียน bootstrap 3 ในการสร้าง bar ครับ

โดย benzas00123 » 22/01/2020 3:20 pm

รูปแบบประมาณแบบนี้ครับ
HTML CSS-1.png
HTML CSS-1.png (3.81 KiB) Viewed 3168 times

ขอสอบถามวิธีการเขียน bootstrap 3 ในการสร้าง bar ครับ

โดย benzas00123 » 22/01/2020 3:13 pm

ต้องการจะสร้าง bar แบบ เลื่อนได้ ที่มีค่าระหว่าง 1-100 ครับ เราจะต้องเขียนยังไง ขอบคุณครับ

ข้างบน