MegaPuxapb, Это не сложно, открываем бесплатный векторный редактор InkScape и импортируем в него ваше изображение вот так :
Растягиваем изображение до удобного разрешения и рисуем по верх изображения для получения PixelPerfect , выбираем инструмент ellipse или рисование кругов вот так :
дальше я не буду комментировать так как на скриншотах я уже прокоментил
Дальше получаем круг с прерывистой линией ( там большой выбор прерывистых линий) нажимаем инструмент править кривые наводим на изображение и по бокам есть круглые маркеры вот их перетаскиваем до получения нужного разрыва - второй клик по объекты позволит крутить объект ...в общем на скринах всё видно
SmthTo, а кто или что мешает костомизировать Jquery ? выключить эффекты и прочие понты - в BS тоже много лишнего но ни кого не останавливает это - и подключают все лишние килобайты а вот JQuery плохой в нём много лишнего ..оставить просто ядро и весить будет 261байт
SmthTo, к примеру Американцы на которых равняется вся Российская IT индустрия как делала на jQuery так и делает ... что снижает кол-во кода ...
React/Angular/Vue они же выполняют совсем другую роль - они заменяют реальное DOM а jQuery же тот же JS но в сокращенном написание : document.querySelector(""); или же $(""); и всё
