<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>CSS3半圆饼状图形动画特效 - 站长素材</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="semi-donut margin" style="--percentage : 80; --fill: #FF3D00 ;">
HTML5
</div>
<div class="semi-donut-model-2 margin" style="--percentage : 90; --fill: #039BE5 ;">
CSS3
</div>
<div class="multi-graph margin">
JavaScript
<div class="graph" data-name="jQuery" style="--percentage : 80; --fill: #0669AD ;"></div>
<div class="graph" data-name="Angular" style="--percentage : 60; --fill: #E62A39 ;"></div>
<div class="graph" data-name="React" style="--percentage : 30; --fill: #FEDA3E ;"></div>
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';color:#ffffff">
<p>适用浏览器：Chrome、FireFox、360、搜狗、Opera、傲游. 不支持Windows版Safari、IE8及以下浏览器。</p>
<p>来源：<a href="http://sc.chinaz.com/" target="_blank">站长素材</a></p>
</div>
</body>
</html>
