change element size of lib jquery.knob.js
<p>i have a <a href="http://regexinfo.ru/my_infa/parse_position/good/pr/">page</a></p>

<p>after you press button, you see element of lib jquery.knob.js(circle)
i want ot change circle size and i wrote this code:</p>

<pre><code>&lt;div style="float:left; width:255px; height:155px"&gt;
            &lt;input class="knob" data-fgColor="#9dc806" data-cgColor="black" data-bgColor="#7d7d7d" data-tickColor="black" data-thickness=".25" data-readOnly=true value="&lt;?php echo $percent; ?&gt;"&gt;
        &lt;/div&gt;
</code></pre>

<p>but if i change width and height of div, circle size don't changed?</p>

<p>All code page of pb.php:</p>

<pre><code>&lt;?php
header('Content-Type: text/html; charset=utf-8');
include '../connect.php';
include '../ProcessingMySQL.php';
$mysqli = new ProcessingMySQL($hostname, $user_name, $password, $db_name);
$site = $_POST['sites'];
$percent = $mysqli-&gt;getPercentTopQuery($site);
?&gt;

&lt;html&gt;
    &lt;head&gt;
    &lt;style type="text/css"&gt;
        .knob{color:#000000 !important;}
    &lt;/style&gt;

        &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"&gt;&lt;/script&gt;
        &lt;script src="js/jquery.knob.js"&gt;&lt;/script&gt;
        &lt;script&gt;
            $(function() {
                $(".knob").knob();
                var val,up=0,down=0,i=0
                    ,$idir = $("div.idir")
                    ,$ival = $("div.ival")
                    ,incr = function() { i++; $idir.show().html("+").fadeOut(); $ival.html(i); }
                    ,decr = function() { i--; $idir.show().html("-").fadeOut(); $ival.html(i); };
                $("input.infinite").knob(
                                    {
                                    'min':0
                                    ,'max':20
                                    ,'stopper':false
                                    ,'change':function(v){
                                                if(val&gt;v){
                                                    if(up){
                                                        decr();
                                                        up=0;
                                                    }else{up=1;down=0;}
                                                }else{
                                                    if(down){
                                                        incr();
                                                        down=0;
                                                    }else{down=1;up=0;}
                                                }
                                                val=v;
                                            }
                                    }
                                );     
                                $('.knob').val($('.knob').val() + '%');     
             });
        &lt;/script&gt;
        &lt;style&gt;
            h2{color:#87CEEB;font-family:'Georgia';}
        &lt;/style&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;h1&gt;Процент запросов в топе для сайта &lt;?php echo $site; ?&gt;&lt;/h1&gt;
        &lt;div style="float:left; width:255px; height:155px"&gt;
            &lt;input class="knob" data-fgColor="#9dc806" data-cgColor="black" data-bgColor="#7d7d7d" data-tickColor="black" data-thickness=".25" data-readOnly=true value="&lt;?php echo $percent; ?&gt;"&gt;
        &lt;/div&gt;

    &lt;/body&gt;
&lt;/html&gt;
</code></pre>
