# 背景 期望在用户点击`a`标签或者用户提交表单(利用`Form`)时展示一个loading。但是发现在页面跳转或者提交Form过程中SVG动画不执行了!!! # 解决方案 利用`iframe`加载SVG。但是效果并不好,毕竟等在线的SVG加载完毕后,原本的页面跳转或者表单提交已经完成了。 # 参考: 1. [思否:在页面还未加载完毕前,svg的动画效果失效?](https://segmentfault.com/q/1010000012802166) 2. [Animated SVG stops after page reloading](https://discourse.webflow.com/t/animated-svg-stops-after-page-reloading/141526) 3. [Safari pauses all animation on redirect / form submission](https://stackoverflow.com/questions/28749519/safari-pauses-all-animation-on-redirect-form-submission)