带边框/边框的按钮作为装载机？

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>