mrnobody

А вы делает `JSON.parse(ваш_джейсон)`? https://learn.javascript.ru/json#метод-json-parse

У вас прописан мета-тег `<meta name="viewport" content="width=device-width, initial-scale=1">` внутри head?

Блин, не знаю — ничего не происходит когда вызываю методы `mySwiper.init();` / `mySwiper.update();` при ресайзе.

https://jsfiddle.net/mrnobody/24nsz5rq/1/

svg я делал в adobe illustrator. В вашем варианте с абсолютным позицонированием тяжело рассчитать их расположение, И еще вдруг изменится высота, то появятся разрывы и не состыковки. Если вам не подходят предыдущие картинки, я могу новые сделать пока у меня есть свободное время, там не сложно. UPD сделал потоньше линии: bg-01.svg bg-02.svg

Можно дублировать слой в новый документ и оттуда экспортировать

Обновил пэн https://codepen.io/corvus-007/pen/vjaGOe?editors=0110 и добавил картинки если вам нужны будут Untitled-2-01.svg Untitled-2-02.svg

Вот еще упрощенный вариант, но тоже с ограничениями, но не значительными https://codepen.io/corvus-007/pen/vjaGOe

К сожалению Фон должен быть черным #000, а не #2d2d2d. С размытостью тоже проблемы - чем ширине окно тем размытее и пляшет ширина, блин не ожидал. Попробовал дробные пиксели поставить, тоже не помогло ((. Но в лисе выглядит хорошо. Даже не знаю, может кто-нибудь подскажет как решить проблему. Или как-то по другому реализовать такой эффект.

Так примерно https://codepen.io/corvus-007/pen/rvrBOV UPD: новая версия: https://codepen.io/corvus-007/pen/vjaGOe

Хотел использовать scrollmagic, но чет не разобрался в нем, использовал waypoints, но не знаю правильно я там все сделал или нет. Тот же пэн: https://codepen.io/corvus-007/pen/errZRW

Можно задать свое значение. Вот пример – https://codepen.io/corvus-007/pen/errZRW?editors=1010 Вот еще плагин нашел http://kottenator.github.io/jquery-circle-progress/

https://kimmobrunfeldt.github.io/progressbar.js/

https://codepen.io/corvus-007/pen/bMrapB

А в консоли браузера есть ошибки?