Там несложный скрипт для тех кто знает JS (и непосредственно в этом примере SVG), но объяснять всё сложно и долго, если вы не в теме JS.
Что конкретно надо из этого?
Если интересуют ползунки, то на jQ Ui они делаются легко (без него тоже легко, но вам может проще будет на jQ)
jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice.
jqueryui.com
В примере при перетягивание ползунка меняется значение в поле. Точно по такому же образу можно менять позиции и размеры элементов (CSS padding, margin, left/top/... и т.д.)