https://vermabrothers.com/assets/frontend/js/jQuery.rProgressbar.min.js

1/**
2 * jQuery Line Progressbar
3 * Author: Sharifur Rahman
4 * Author URI : https:devrobin.com
5 * Version: 1.0.0
6 */
7
8;
9(function($) {
10    'use strict';
11
12
13    $.fn.rProgressbar = function(options) {
14
15        options = $.extend({
16            percentage: null,
17            ShowProgressCount: true,
18            duration: 1000,
19            // Styling Options
20            fillBackgroundColor: '#ed1c24',
21            backgroundColor: '#EEEEEE',
22            borderRadius: '0px',
23            height: '5px',
24            width: '100%'
25        }, options);
26
27        $.options = options;
28        return this.each(function(index, el) {
29            // Markup
30            $(el).html('<div class="progressbar"><div class="proggress"></div><div class="percentCount"></div></div>');
31
32            var lineProgressBarInit = function() {
33                var progressFill = $(el).find('.proggress');
34                var progressBar = $(el).find('.progressbar');
35                var progressCount = $(el).find('.percentCount');
36
37                progressFill.css({
38                    backgroundColor: options.fillBackgroundColor,
39                    height: options.height,
40                    borderRadius: options.borderRadius,
41                });
42                progressBar.css({
43                    width: options.width,
44                    backgroundColor: options.backgroundColor,
45                    borderRadius: options.borderRadius
46                });
47
48                // Progressing
49                progressFill.animate({
50                    width: options.percentage > 100 ? 100 + "%" : options.percentage  + "%"
51                }, {
52                    step: function(x) {
53                        if (options.ShowProgressCount) {
54                            $(el).find(".percentCount").text(Math.round(x) + "%");
55                        }
56                    },
57                    duration: options.duration
58                });
59                var initProgress = {left: options.percentage > 100 ? 93 + "%" : options.percentage + "%"};
60                if ($('html').attr("dir") === 'rtl'){
61                     initProgress = {right: options.percentage > 100 ? 93 + "%" : options.percentage + "%"};
62                }
63                progressCount.animate(initProgress, {
64                    duration: options.duration
65                });
66            }
67
68            $(this).waypoint(lineProgressBarInit, { offset: '100%', triggerOnce: true });
69        });
70    }
71
72})(jQuery);