单击按钮时使用可逐步显示的条形图

Question

img1 http://friedpanseller.com/images/img.png

<button id="englishA" class="select" type="button">Select</button>ENGLISH - ADVANCED<br />
<h2>Total: <span id="total">0</span></h2>

var units=0;
document.getElementById('englishA').onclick = function() {
    units=units+2;
    document.getElementById("total").innerHTML = units;
};

我想制作一个简单的图形，当按下某些按钮时，它会增加2个单位（某些按钮只能增加1个单位）。有没有简单的CSS或jQuery方法呢？

此外，当按下按钮时，如果“删除”按钮，它将更改为删除。按下2个单位从图表中扣除，原始按钮再次出现。