Круглая диаграмма отрисована с помощью JavaScript (flot charts), сверху наложена png-картинка для соблюдения точности. Ползунки двигаются влево/вправо. Progress bar - ширина меняется изменением одного значения в процентах от 0 до 100.