ช่วยแนะนำ CSS button submit แบบนี้หน่อยครับ

[Permlogin]

ผมอยากทราบว่าต้องเขียนในลักษณะไหนครับ พอมีตัวอย่างมั้ยครับ อยากได้เหมือนในรูปภาพ แต่ไม่รู้ keyword ในการค้นหาน่ะครับ

รบกวนด้วยนะครับ 

[Love Family]

ค้นดูด้วย key นี้ครับ ด้านล่าง
"css3 button submit and gif loading sample"
หรือ
http://www.bootply.com/128062

[Permlogin]

ขอบคุณสำหรับคำตอบครับ +1 เลยครับ 

[mango]

รอชมด้วยคนครับ 

[iamfenr]

ประมาณนี้ได้เปล่าคับ
http://tympanus.net/codrops/2014/04/09/how-to-create-a-circular-progress-button/
http://tympanus.net/codrops/2013/12/12/progress-button-styles/

[Permlogin]

อยากได้เหมือนในรูปอ่ะครับ หมุนข้างๆปุ่มก็พอ ยังไงก็ +1 ขอบคุณครับผม 

[evev9]

อยากรู้ด้วยคร้าบผม 

[dekdoo]

ใช้คำสั่ง jquery รับ ในการดักเหตุการณื onclick แล้ว change element

[Jir4yu]

ถ้าใช้ bootstrap เอาตามแบบนี้มาประยุกต์เพิ่มอีกหน่อยก็ง่ายดีครับ
http://jsfiddle.net/deC37/

[sputtaro]

ผมไม่แน่ใจว่าคุณจะเอาไปใช้ในลักษณะไหน
ขอตอบคร่าวๆนะครับ ว่า
ทำได้หลายแบบ เช่น
อาจใช้ ajax ตัวอย่างตามลิ้งค์นี้ครับ
https://www.sitepoint.com/css3-ajax-loading-icon/
ลองดูที่เขาทำไว้ให้เป็น demo ก่อนก็ได้ ว่าใช่ที่ต้องการไหม

หรืออาจแค่เพิ่ม before เข้าไปใน css
ตัวอย่างเช่น

.buybutton:before {
   /*.fa-icon();*/
   content: "\f07a";
   font-family: FontAwesome;
   font-style: normal;
   font-weight: normal;
   text-decoration: inherit;
   text-align: center;
/*--adjust as necessary--*/
   color: #fff;
   font-size: 18px;
   padding-right: 0.5em;
   position: relative;
   /* background: url("icons.png") no-repeat; */
   /*position: absolute;*/
   /*top: 0px;
   left: 0;*/
}
ส่วนที่ใส่คอมเม้นท์ไว้ ผมไม่ลบออก เผื่อคุณเอาไว้ลองเล่นดู


หรืออีกวิธี คุณอาจประยุกต์วิธีได้อีก เช่น ลองเอาพวก loading icon ไปใว้ในตัวอย่างตามที่ท่าน Jir4yu  ให้ไว้ ลองดูได้ครับ

คงมีสักวิธีที่ตรงกับที่ต้องการบ้างนะครับ

********************
ลืมบอกคีย์เวิร์ด

css loading icon ครับ