https://www.trainingatinfoseek.com/wp-content/plugins/skilled-plug…/our-process/assets/js/scp-our-process.js

1jQuery(function ($) {
2
3    var breakpoint = skilled_plugin.data.vcWidgets.ourProcess.breakpoint || 480;
4    var $body = $('body');
5    var delay = 0;
6    var speed = 500;
7    var $dots = $('.dots');
8    var $dot = $('.dot');
9    var $line = $('.line');
10    var $dotContainer = $('.dot-container');
11    var containerInitialWidth = ( 100 * parseFloat($dotContainer.css('width')) / parseFloat($dotContainer.parent().css('width')) ) + '%';
12
13    function setWidth($bodyWidth, $width) {
14        if ($body.width() < $bodyWidth) {
15            $dotContainer.each(function () {
16                $this = $(this);
17                $this.css({width: $width});
18            });
19        } else {
20            $dotContainer.css({width: containerInitialWidth})
21        }
22    }
23
24    setWidth(breakpoint, '100%');
25
26    $(window).resize(function () {
27        setWidth(breakpoint, '100%');
28    });
29
30    // just to identify the container
31    $dots.each(function (i) {
32
33        $(this).appear(function () {
34
35            $line.each(function (i) {
36                $this = $(this);
37                delay += 1000;
38
39                $this.delay(delay).animate({
40                    width: '100%'
41                }, speed, function () {
42                    var $this = $(this);
43
44                    $this.siblings('.dot-wrap').css({opacity: 1});
45                    $this.siblings('.text').css({opacity: 1});
46                    $this.siblings('.triangle').css({opacity: 1});
47                });
48            });
49        });
50    });
51});