<div class="pie">
<div class="html">19% HTML</div>
<div class="css">81% CSS</div>
</div>
body {
margin: 0;
width: 100vw;
height: 100vh;
font: 5vmin "Arial", sans-serif;
}
.pie {
margin: 5vmin auto;
border-radius: 50%;
width: 90vmin;
height: 90vmin;
overflow: hidden;
background: linear-gradient(-21deg, #2196f3 50%, transparent 50%), linear-gradient(to right, #2196f3 50%, #ffc107 50%);
}
.html {
margin: 20vmin 0 0 50vmin;
}
.css {
margin: 33vmin;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.