Password Strength and Progress Bar

//HTML

<input type="text" id="autocomplete" placeholder="Enter product name here">

<div>
    <input type="password" id="pass">
    <div id="progress">

    </div>
</div>



//JQUERY

    $("#pass").keydown( function (){
        var strength=check_strength($("#pass").val())

        if(strength==1){
            $("#progress").progressbar({
                value:33
            })
            $("#progress").find(".ui-progressbar-value").css({
                background:"red"
            })
        }
        if(strength==2)
        {
            $("#progress").progressbar({
                value:66
            })
            $("#progress").find(".ui-progressbar-value").css({
                background:"yellow"
            })
        }
        if(strength==3)
        {
            $("#progress").progressbar({
                value:100
            })
            $("#progress").find(".ui-progressbar-value").css({
                background:"green"
            })
        }
    })

    function check_strength(pass)
    {
        var result=0

        result+=/[a=zA-Z]+/.test(pass)?1:0;
        result+=/[0-9]+/.test(pass)?1:0;
        var special_sign="!@#$%^&*() :"
        for(var i=0;i<special_sign.length;i++)
        {
            if(pass.indexOf(special_sign[i]>-1)){
                result+=1;
                break;
            }
        }
        return result;
    }
})