Password Meter

with Progress Bar

                                    
                                        <!-- HTML -->
                                        <input type="password" class="form-control mb-2" placeholder="Password" />

                                        <div class="password-bar mb-2"</div>

                                        <!-- Find Javascript in File: assets/js/pages/misc-pass-meter.js -->
                                    
                                

Use 8 or more characters with a mix of letters, numbers & symbols.

with Password Condition

                                    
                                        <!-- HTML -->
                                        <div>
                                            <label class="form-label" for="password-input">Magic Password ✨ (Click Here)</label>
                                            <input type="password" class="form-control" placeholder="Enter password" id="password-input" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}">

                                            <div class="form-text">Use 8 or more characters with a mix of letters, numbers & symbols.</div>

                                            <div class="password-box collapse bg-light-subtle border border-light mt-2 rounded">
                                                <div class="p-3">
                                                    <h5 class="fs-sm mb-2">Password Recipe:</h5>
                                                    <p id="pass-length" class="invalid fs-xs mb-2">Minimum <b>8 characters</b></p>
                                                    <p id="pass-lower" class="invalid fs-xs mb-2">At <b>lowercase</b> letter (a-z)</p>
                                                    <p id="pass-upper" class="invalid fs-xs mb-2">At least <b>uppercase</b> letter (A-Z)</p>
                                                    <p id="pass-number" class="invalid fs-xs mb-0">A least <b>number</b> (0-9)</p>
                                                </div>
                                            </div>
                                        </div>

                                        <!-- Find Javascript in File: assets/js/pages/misc-pass-meter.js -->
                                    
                                
Use 8 or more characters with a mix of letters, numbers & symbols.
Password Recipe:

Minimum 8 characters

At lowercase letter (a-z)

At least uppercase letter (A-Z)

A least number (0-9)

© 2014 - Inspinia By WebAppLayers
10GB of 250GB Free.
Admin Customizer

Easily configure layout, styles, and preferences for your admin interface.

Select Theme
Classic
Material
Modern
SaaS
Flat
Minimal
Galaxy
Color Scheme
Light
Dark
System
Topbar Color
Light
Dark
Gray
Gradient
Sidenav Color
Light
Dark
Gray
Gradient
Image
Sidebar Size
Default
Compact
Condensed
On Hover
On Hover - Show
Offcanvas
Layout Position