อยากแสดงตัวเลข process ในวงกลมจะต้องทำยังงัย

พูดคุยแลกเปลี่ยน ปัญหา การเขียน JavaScript เครื่องมือ AJAX Web 2.0 AJAX Framework jQuery และ Node.JS รวมถึง Framework Express ของ Node.JS ทำงานฝั่ง Server

Moderator: mindphp

ภาพประจำตัวสมาชิก
eange08
PHP VIP Members
PHP VIP Members
โพสต์: 16180
ลงทะเบียนเมื่อ: 22/12/2020 10:09 am

อยากแสดงตัวเลข process ในวงกลมจะต้องทำยังงัย

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

อยากให้แสดงตัวเลขวิ่ง process ให้อยู่ในวงกลม แต่ลองทำตาม ก็ยังไม่มีตัวเลขขึ้นค่ะ
- ใช้ตัว upload ที่มี process เอามาจาก https://tutorialzine.com/2013/05/mini-a ... pload-form

อยากให้ตัวเลขขึ้นแบบนี้นะคะ
JavaScript & Jquery Ajax-1.png
JavaScript & Jquery Ajax-1.png (11.67 KiB) Viewed 2650 times
code ในไฟล์ script.js

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

 
 <!--ส่วนที่แสดง process วงกลม-->
 var tpl = $('<li class="working"><input type="text" value="0" data-width="50" data-height="80"' +
                ' data-fgColor="#0788a5" data-readOnly="1" data-min="-100" data-displayPrevious=true class="dial" /><div class="row"><div class="col-xs-12 col-md-4"><p></p></div></div></li>');
  <!--ส่วนคำนวณตอนวิ่ง upload ไฟล์-->
   progress: function (e, data) {
   
            // Calculate the completion percentsage of the upload
            var progress = parseInt(data.loaded / data.total * 100, 10);

          data.context.find('input').val(progress).change(); 
         
            if (progress == 100) {
               data.context.removeClass('working');
               
            }
        },            

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

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