jquery - 負の値の進行状況バー .css(width, )

Question

私はすべてのインターネットのフォーラムを検索して調査します...しかし、解決策が見つかりません...

私はこれを必要とする：

<label> Name:
        <input type="text" id="name" name="name" required />
</label> 
<div class="container">
        <div class="progress progress-danger progress-striped active">
            <div class="bar" id="progBar" ></div> 
        </div>
    </div>  

そのため、ユーザーがフィールド (onBlur) を終了すると、文字数を受け取り、プログレス バーの値として返されるようにしたいと考えています。このパラメーターが負の場合は、プログレス バーの値として負の値のみを返します。または再びバーです。

バーとJSのコード...

$(document).ready(function() {

$("*").blur(function() {
    var $bar = $("#progBar");
    var $name = $("name");

    if ($("#name").val().length > 2) {
        $bar.css('width', "30%");
    } else {
        $bar.css('width', "-30%"); //How, I do this????????
    }