Passwords 具有语义用户界面的密码强度计

Passwords 具有语义用户界面的密码强度计,passwords,progress,semantic-ui,Passwords,Progress,Semantic Ui,请建议如何使用语义UI进度条实现密码强度计 <div class="ui left icon input"> <input type="password" class="form-control" name="password" id="password" placeholder=""> <i class="icon-lock teal icon"></i> </div> <div class="ui bottom att

请建议如何使用语义UI进度条实现密码强度计

<div class="ui left icon input">
    <input type="password" class="form-control" name="password" id="password" placeholder="">
<i class="icon-lock teal icon"></i>
</div>
<div class="ui bottom attached progress">
    <div class="bar">
    </div>
</div>

Tutsplus有一个很棒的教程,可以使用JavaScript计算密码强度,您可以找到它

本教程将给你满分100分。使用此分数填充语义UI中的进度栏,如下所示:

$('.progress').progress({
    percent: score
});