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

พูดคุย แลกเปลี่ยน ปัญหา การเขียน JavaScript เครื่องมือ AJAX Web 2.0 AJAX Framework Jquery

Moderator: mindphp

User avatar
eange08
PHP Super Hero Member
PHP Super Hero Member
Posts: 650
Joined: 22/12/2020 10:09 am

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

Post by 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 26 times
code ในไฟล์ script.js

Code: Select all

 
 <!--ส่วนที่แสดง 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');
               
            }
        },            

Return to “JavaScript & Jquery Ajax”

Who is online

Users browsing this forum: No registered users and 5 guests