Кнопка с рамкой / периметром в качестве загрузчика?

Question

Если оставить в стороне фактический аспект сетевой интеграции, то какой метод css / javascript является лучшим для создания кнопки, периметр / граница которой является загрузчиком, например, это изображение:

Answer 1

Это то, что вы ищете?

.rect {
  fill:green;
  stroke-width:3;
  stroke:yellow;
  border-radius: 10%;
  stroke-dashoffset: -50px;
  animation: loader-animation 4s linear;
}

@keyframes loader-animation {
  0% {
    stroke-dasharray: 0, 400px;
  }
  100% {
    stroke-dasharray: 400px, 0;
  }
}

<svg>
  <rect class="rect" x="10" y="10" rx="5" width="100" height="100"/>
</svg>