用最简单的table和tr td来写该页面

如果你想使用最基础的HTML `<table>` 和 `<tr>`, `<td>` 标签来构建这个页面，你可以将上面的HTML代码简化成表格形式。以下是简化的版本：

<table border="1">
    <tr>
        <td>密码强度</td>
        <td align="center"><strong>[密码强度百分比]</strong></td>
    </tr>
    <tr>
        <td>用户协议</td>
        <td align="center"><input type="checkbox" id="termsCheck"></td>
        <td align="center">已阅读</td>
    </tr>
    <tr>
        <td>注册步骤</td>
        <td align="center"><strong>[步骤完成百分比]</strong></td>
    </tr>
    <tr>
        <td colspan="2">
            <button onclick="register()">注册</button>
        </td>
    </tr>
</table>

<script>
    // 表格内容仍由JavaScript控制，这里不做显示
    function register() {
        if (document.getElementById('termsCheck').checked) {
            alert("注册成功，欢迎加入!");
        } else {
            alert("请先接受用户协议");
        }
    }
</script>

在这个版本中，我保留了每个部分的基本结构，但没有直接在表格单元格（<td>）内显示百分比，因为它们需要通过JavaScript动态获取。注意，这里使用`<input type="checkbox">`代替了复选框，你需要根据实际需求调整样式。