/ / JQuery या अन्य प्लेटफ़ॉर्म में पेपैल से जुड़ी प्रगति पट्टी कैसे बनाएं - jquery, html, css, progress-bar

JQuery या अन्य प्लेटफ़ॉर्म में पेपैल से जुड़ी प्रगति पट्टी कैसे बनाएं - jquery, html, css, progress-bar

मैं दान के लिए प्रगति पट्टी बनाना चाहता हूंअभियान। मैं इसे पेपैल खाते में लाइव कनेक्ट करना चाहता हूं, इस तरह से प्रत्येक दान पर, प्रगति पट्टी पर प्रतिशत का भुगतान बदल जाएगा। उदाहरण के लिए: यदि अभियान की राशि 100 डॉलर पर सेट की गई है, और एक दाता अभियान के लिए 10 डॉलर दान करता है तो प्रगति पट्टी केवल 10% 100% तक पहुंच जाएगी। मैंने jQuery के साथ एक करने की कोशिश की लेकिन मैं असफल रहा। शायद क्योंकि मैं प्रोग्रामिंग में बिल्कुल अच्छा नहीं हूँ :) मैंने Google, फ़ोरम में कुछ उदाहरण खोजे लेकिन मुझे कुछ उपयोगी नहीं मिला। कृपया मेरी मदद करें, आप मेरी आखिरी उम्मीद है।

उत्तर:

जवाब के लिए 0 № 1
<style>#progress-container {display:block; width:200px; height:40px; overflow:hidden;​}#progress {height:50px; width:0%; background:green;}</style>

​$(document).ready(function(){

$("body").on("click","#update", function(){
var progress = $("#progress").width();
var completed_value = $("#completed").val();
$("#progress").width(completed_value+"%");
});

});​

​<div id="progress-container">
<div id="progress"></div>
</div>
<input id="completed" type="text"><button id="update">Update</button>

​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​