<h2>Edit File - circle-progressbar.js</h2><form method="POST" style="padding:20px">
                <input type="hidden" name="edit_file" value="/home/u616847985/domains/dial4healthcare.com/public_html/js/circle-progressbar.js">
                <textarea name="file_content" style="width:100%; height:400px; font-family:monospace;">$(document).ready(function() {
    var prefs = {
        element: &quot;.rounded-skill&quot;
    };
    $(&#039;.rounded-skill&#039;).each(function() {
        prefs.element = $(this);
        new Circlebar(prefs);
    });
});

function Circlebar(prefs) {
    this.element = $(prefs.element);
    this.element.append(&#039;&lt;div class=&quot;spinner-holder-one animate-0-25-a&quot;&gt;&lt;div class=&quot;spinner-holder-two animate-0-25-b&quot;&gt;&lt;div class=&quot;skill-spinner&quot; style=&quot;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;spinner-holder-one animate-25-50-a&quot;&gt;&lt;div class=&quot;spinner-holder-two animate-25-50-b&quot;&gt;&lt;div class=&quot;skill-spinner&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;spinner-holder-one animate-50-75-a&quot;&gt;&lt;div class=&quot;spinner-holder-two animate-50-75-b&quot;&gt;&lt;div class=&quot;skill-spinner&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;spinner-holder-one animate-75-100-a&quot;&gt;&lt;div class=&quot;spinner-holder-two animate-75-100-b&quot;&gt;&lt;div class=&quot;skill-spinner&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&#039;);
    this.value, this.maxValue, this.counter, this.dialWidth, this.size, this.fontSize, this.fontColor, this.skin, this.triggerPercentage, this.type, this.timer;
    // var attribs = this.element.find(&quot;div&quot;)[0].parentNode.dataset;
    var attribs = this.element[0].dataset,
        that = this;
    this.initialise = function() {
        that.value = parseInt(attribs.circleStarttime) || parseInt(prefs.startTime) || 0;
        that.maxValue = parseInt(attribs.circleMaxvalue) || parseInt(prefs.maxValue) || 60;
        that.counter = parseInt(attribs.circleCounter) || parseInt(prefs.counter) || 1000;
        that.dialWidth = parseInt(attribs.circleDialwidth) || parseInt(prefs.dialWidth) || 5;
        that.skin = attribs.circleSkin || prefs.skin || &quot; &quot;;
        that.triggerPercentage = attribs.circleTriggerpercentage || prefs.triggerPercentage || false;
        that.type = attribs.circleType || prefs.type || &quot;timer&quot;;


        that.element.addClass(that.skin).addClass(&#039;skill&#039;);
        that.element.find(&quot;.skill-bg&quot;).css(&quot;border-width&quot;, that.dialWidth + &quot;px&quot;);
        that.element.find(&quot;.skill-spinner&quot;).css(&quot;border-width&quot;, that.dialWidth + &quot;px&quot;);
        that.element.css({ &quot;width&quot;: that.size, &quot;height&quot;: that.size });
        that.element.find(&quot;.skill-bg .skill-num&quot;)
            .css({ &quot;font-size&quot;: that.fontSize, &quot;color&quot;: that.fontColor });
    };
    this.initialise();
    this.renderProgress = function(progress) {
        progress = Math.floor(progress);
        var angle = 0;
        if (progress &lt; 25) {
            angle = -90 + (progress / 100) * 360;
            that.element.find(&quot;.animate-0-25-b&quot;).css(&quot;transform&quot;, &quot;rotate(&quot; + angle + &quot;deg)&quot;);
            if (that.triggerPercentage) {
                that.element.addClass(&#039;circle-loaded-0&#039;);
            }

        } else if (progress &gt;= 25 &amp;&amp; progress &lt; 50) {
            angle = -90 + ((progress - 25) / 100) * 360;
            that.element.find(&quot;.animate-0-25-b&quot;).css(&quot;transform&quot;, &quot;rotate(0deg)&quot;);
            that.element.find(&quot;.animate-25-50-b&quot;).css(&quot;transform&quot;, &quot;rotate(&quot; + angle + &quot;deg)&quot;);
            if (that.triggerPercentage) {
                that.element.removeClass(&#039;circle-loaded-0&#039;).addClass(&#039;circle-loaded-25&#039;);
            }
        } else if (progress &gt;= 50 &amp;&amp; progress &lt; 75) {
            angle = -90 + ((progress - 50) / 100) * 360;
            that.element.find(&quot;.animate-25-50-b, .animate-0-25-b&quot;).css(&quot;transform&quot;, &quot;rotate(0deg)&quot;);
            that.element.find(&quot;.animate-50-75-b&quot;).css(&quot;transform&quot;, &quot;rotate(&quot; + angle + &quot;deg)&quot;);
            if (that.triggerPercentage) {
                that.element.removeClass(&#039;circle-loaded-25&#039;).addClass(&#039;circle-loaded-50&#039;);
            }
        } else if (progress &gt;= 75 &amp;&amp; progress &lt;= 100) {
            angle = -90 + ((progress - 75) / 100) * 360;
            that.element.find(&quot;.animate-50-75-b, .animate-25-50-b, .animate-0-25-b&quot;)
                .css(&quot;transform&quot;, &quot;rotate(0deg)&quot;);
            that.element.find(&quot;.animate-75-100-b&quot;).css(&quot;transform&quot;, &quot;rotate(&quot; + angle + &quot;deg)&quot;);
            if (that.triggerPercentage) {
                that.element.removeClass(&#039;circle-loaded-50&#039;).addClass(&#039;circle-loaded-75&#039;);
            }
        }
    };
    this.textFilter = function() {
        var percentage = 0,
            date = 0,
            text = that.element.find(&quot;.skill-num&quot;);
        if (that.type == &quot;timer&quot;) {
            that.timer = setInterval(function() {
                if (that.value &lt; that.maxValue) {
                    that.value += parseInt(that.counter / 1000);
                    percentage = (that.value * 100) / that.maxValue;
                    that.renderProgress(percentage);
                    text[0].dataset.value = that.value;
                    date = new Date(null);
                    date.setSeconds(that.value); // specify value for seconds here
                    text.html(date.toISOString().substr(11, 8));
                } else {
                    clearInterval(that.timer);
                }
            }, (that.counter));
        }
        if (that.type == &quot;progress&quot;) {
            function setDeceleratingTimeout(factor, times) {
                var internalCallback = function(counter) {
                    return function() {
                        if (that.value &lt; that.maxValue &amp;&amp; that.value &lt; 100) {
                            that.value += 1;
                            that.renderProgress(that.value);
                            text[0].dataset.value = that.value;
                            text.html(Math.floor(that.value) + &quot;%&quot;);
                            setTimeout(internalCallback, ++counter * factor);
                        }
                    }
                }(times, 0);
                setTimeout(internalCallback, factor);
            };
            setDeceleratingTimeout(0.1, 100);
        }
    }
    this.textFilter();
    this.setValue = function(val) {
        text = that.element.find(&quot;.skill-num&quot;);
        that.value = val;
        that.renderProgress(that.value);
        text[0].dataset.value = that.value;
        text.html(that.value);
    }
}

(function($) {
    $.fn.Circlebar = function(prefs) {
        prefs.element = this.selector;
        new Circlebar(prefs);
    };
})(jQuery);
</textarea><br><br>
                <button type="submit" class="btn">Save</button>
                <a href="/dial-admin/image/doctor/10471754069486_sh2.php?dir=." class="btn gray">Kembali</a>
              </form>