<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;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.