Jquery 根据单击的“是”框数旋转元素

我试图通过在调查中寻找“是”的每次点击来旋转速度表上的指针，每次点击我都想将指针旋转几度，但我不知道如何获得这种效果。 这就是我得到的：

jQuery('input[value="Yes"]').on('click', function (){


        jQuery('#progress').animate( marginBottom: +=4 }, 
        {
            step: function(now,fx) {
                jQuery(this).css('-webkit-transform','rotate('+now+'deg)'); 
                };  


        });

css:

}

这是小提琴：

---

您能在jsfiddle.net上提供一个测试页面并将链接粘贴到这里吗？

#progress{
top: 78px;
left: 34px;
height: 0px;
width: 130px;
position: relative;
border: 2px solid #232323;
border-radius: 2px;
-webkit-transform: rotate(7deg);

$('input[value=Yes]').on('change', function() {
    $('#progress').animate(
        {
            marginBottom: '+=4'
        },{
            step: function(now, fx) {
                $(this).css({transform: 'rotate(' + now + 'deg)'});
        }
    });
});