具有语义UI的密码强度计

Question

请告知如何使用语义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>

Answer 1

Tutsplus有一个很棒的教程，可以使用JavaScript来计算密码强度，你可以找到here。

本教程将为您提供100分。使用此分数在语义UI中填充进度条，如下所示：

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