SVG画圆形进度条

来源：互联网发布：手机制作结婚照软件编辑：程序博客网时间：2024/04/30 08:20

<!doctype html><html><head>     <meta charset="UTF-8">     <title>HTML5自由者</title>     <style>          #svgForStroke {               position: absolute;              top: 0;              left: 0;              width: 200px;              height: 200px;              stroke-dasharray: 180%;              stroke-dashoffset: 0%;              stroke: #ED6E5C;               /*stroke-linecap:round;*/              fill: none;              -webkit-transform: rotate(-90deg);              -moz-transform: rotate(-90deg);              -ms-transform: rotate(-90deg);              -o-transform: rotate(-90deg);              transform: rotate(-90deg);          }              </style></head><body>     <svg id="svgForStroke" xmlns="http://www.w3.org/2000/svg">          <circle cx="50%" cy="50%" r="30%" stroke-width="10%"></circle>     </svg>     <script></script></body></html>

0 0