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

HTML Basic
สำหรับนักพัฒนาเว็บไซต์มือใหม่ HTML , CSS และการใช้ Tools ต่างๆ ในการพัฒนาเว็บไซต์

Moderator: mindphp

benzas00123
PHP Super Member
PHP Super Member
โพสต์: 244
ลงทะเบียนเมื่อ: 06/01/2020 9:58 am

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

โพสต์ที่ยังไม่ได้อ่าน โดย benzas00123 »

ต้องการจะสร้าง bar แบบ เลื่อนได้ ที่มีค่าระหว่าง 1-100 ครับ เราจะต้องเขียนยังไง ขอบคุณครับ
benzas00123
PHP Super Member
PHP Super Member
โพสต์: 244
ลงทะเบียนเมื่อ: 06/01/2020 9:58 am

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

โพสต์ที่ยังไม่ได้อ่าน โดย benzas00123 »

รูปแบบประมาณแบบนี้ครับ
HTML CSS-1.png
HTML CSS-1.png (3.81 KiB) Viewed 3140 times
ภาพประจำตัวสมาชิก
thatsawan
PHP VIP Members
PHP VIP Members
โพสต์: 28508
ลงทะเบียนเมื่อ: 31/03/2014 10:02 am
ติดต่อ:

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

โพสต์ที่ยังไม่ได้อ่าน โดย thatsawan »

การสร้าง bar คืออะไร ภาพประกอบหน่อย
ภาพประจำตัวสมาชิก
chatee supasand
PHP VIP Members
PHP VIP Members
โพสต์: 1666
ลงทะเบียนเมื่อ: 04/06/2019 10:06 am

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

โพสต์ที่ยังไม่ได้อ่าน โดย chatee supasand »

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

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

<form class="range-field">
  <input type="range" min="0" max="100" />
</form>
อ้างอิง
https://mdbootstrap.com/docs/jquery/forms/slider/
รูปภาพ
benzas00123
PHP Super Member
PHP Super Member
โพสต์: 244
ลงทะเบียนเมื่อ: 06/01/2020 9:58 am

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

โพสต์ที่ยังไม่ได้อ่าน โดย benzas00123 »

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

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

โพสต์ที่ยังไม่ได้อ่าน โดย benzas00123 »

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/
ใช่แล้วครับ ขอบคุณครับ
ภาพประจำตัวสมาชิก
digitalludhiana
PHP Newbie
PHP Newbie
โพสต์: 1
ลงทะเบียนเมื่อ: 18/04/2020 12:49 am
ติดต่อ:

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

โพสต์ที่ยังไม่ได้อ่าน โดย digitalludhiana »

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>
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 73