<div class="centered-form">
    <div class="field-wrapper">
        <label>Email:</label>
        <input type="email" id="email" />
    </div>
    <div class="field-wrapper">
        <label>Username:</label>
        <input type="text" id="display_name" />
    </div>
    <div class="field-wrapper">
        <label>Password:</label>
        <input type="password" id="new_password" />
        <progress class="password-strength-meter" max="4" value="0"></progress>
        <div class="password-strength-message"></div>
    </div>
    <div class="field-wrapper">
        <label>Confirm Password:</label>
        <input type="password" id="confirm_password" />
    </div>
    <button style="float: right; margin: 10px;" id="register_button">Register</button>
</div>
<script src="/js/register.js"></script>