SVG（网页加载显示的加载进度动态图）
2019獨角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>
<!DOCTYPE html>
<html>
?? ?<head>
?? ??? ?<meta charset="UFT-8" />
?? ??? ?<title>loading</title>
?? ??? ?<style>
?? ??? ??? ?svg {
?? ??? ??? ? border: 1px solid black;
?? ??? ??? ?}
?? ??? ??? ?circle, path {
?? ??? ??? ??? ?fill: transparent;
?? ??? ??? ??? ?stroke: orange;
?? ??? ??? ??? ?stroke-width: 10px;
?? ??? ??? ??? ?stroke-linecap: round;
? ? ? ? ? ? }
?? ??? ??? ?circle {
?? ??? ??? ??? ?stroke:rgba(255, 150, 0, 0.5);
?? ??? ??? ?}
?? ??? ?</style>
?? ?</head>
?? ?<body>
?? ??? ?<svg width="100" height="100">
?? ??? ??? ?<circle r="40" cx="50" cy="50"></circle>
?? ??? ??? ?<path d="M 10 50 A 40 40 0 0 1 50 10">
?? ??? ??? ??? ?<animateTransform attributeName="transform" type="rotate" from="0 50 50" to="360 50 50" dur="0.5s" repeatCount="indefinite"/>
?? ??? ??? ?</path>
?? ??? ?</svg>
?? ?</body>
</html>
?
轉(zhuǎn)載于:https://my.oschina.net/korabear/blog/1788792
總結(jié)
以上是生活随笔為你收集整理的SVG（网页加载显示的加载进度动态图）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 设置tomcat服务为80端口，tomc
- 下一篇： 2017中国互联网消费生态大数据报告