'); jQuerytarget.find('.background').css('background-color', opts.backgroundColor); jQuerytarget.find('.left').css('background-color', opts.backgroundColor); jQuerytarget.find('.rotate').css('background-color', opts.progressColor); jQuerytarget.find('.right').css('background-color', opts.progressColor); var jQueryrotate = jQuerytarget.find('.rotate'); setTimeout(function () { jQueryrotate.css({ 'transition': 'transform ' + opts.duration + 'ms linear', 'transform': 'rotate(' + opts.percent * 3.6 + 'deg)' }) }, 1); if (opts.percent > 50) { var animationRight = 'toggle ' + (opts.duration / opts.percent * 50) + 'ms step-end'; var animationLeft = 'toggle ' + (opts.duration / opts.percent * 50) + 'ms step-start'; jQuerytarget.find('.right').css({ animation: animationRight, opacity: 1 }); jQuerytarget.find('.left').css({ animation: animationLeft, opacity: 0 }) } }) } })(jQuery); jQuery(".progress-bar").loading(); jQuery('input').on('click', function () { jQuery(".progress-bar").loading() })