https://orsj.org/wp-content/themes/education-pro/assets/js/jquery-progressbar.js?ver=7.0.6

1;
2(function ($) {
3	$.fn.loading = function () {
4		var DEFAULTS = {
5			backgroundColor: '#b3cef6',
6			progressColor: '#4b86db',
7			percent: 75,
8			duration: 2000
9		};	
10		
11		$(this).each(function () {
12			var $target  = $(this);
13
14			var opts = {
15			backgroundColor: $target.data('color') ? $target.data('color').split(',')[0] : DEFAULTS.backgroundColor,
16			progressColor: $target.data('color') ? $target.data('color').split(',')[1] : DEFAULTS.progressColor,
17			percent: $target.data('percent') ? $target.data('percent') : DEFAULTS.percent,
18			duration: $target.data('duration') ? $target.data('duration') : DEFAULTS.duration
19			};
20			// console.log(opts);
21	
22			$target.append('<div class="background"></div><div class="rotate"></div><div class="left"></div><div class="right"></div><div class=""><span>' + opts.percent + '%</span></div>');
23	
24			$target.find('.background').css('background-color', opts.backgroundColor);
25			$target.find('.left').css('background-color', opts.backgroundColor);
26			$target.find('.rotate').css('background-color', opts.progressColor);
27			$target.find('.right').css('background-color', opts.progressColor);
28	
29			var $rotate = $target.find('.rotate');
30			setTimeout(function () {	
31				$rotate.css({
32					'transition': 'transform ' + opts.duration + 'ms linear',
33					'transform': 'rotate(' + opts.percent * 3.6 + 'deg)'
34				});
35			},1);		
36
37			if (opts.percent > 50) {
38				var animationRight = 'toggle ' + (opts.duration / opts.percent * 50) + 'ms step-end';
39				var animationLeft = 'toggle ' + (opts.duration / opts.percent * 50) + 'ms step-start';  
40				$target.find('.right').css({
41					animation: animationRight,
42					opacity: 1
43				});
44				$target.find('.left').css({
45					animation: animationLeft,
46					opacity: 0
47				});
48			} 
49		});
50	}
51})(jQuery);