Markup

<dl class="skills-diagram">
  <dt class="skill-5">UNIX</dt>
  <dd>5</dd>
  <dt class="skill-10">Ruby</dt>
  <dd>10</dd>
  <dt class="skill-3">Java</dt>
  <dd>3</dd>
  <dt class="skill-8">PHP</dt>
  <dd>8</dd>
  <dt class="skill-4">RegEx</dt>
  <dd>4</dd>
  <dt class="skill-6">HTML5</dt>
  <dd>6</dd>
  <dt class="skill-7">JavaScript</dt>
  <dd>7</dd>
  <dt class="skill-9">CSS</dt>
  <dd>9</dd>
  <dt class="skill-2">C#</dt>
  <dd>2</dd>
</dl>

Demo

http://sergeylukin.com/css-skills-diagram

Screenshot