html - 百分比值不正确

Question

我在 asp.net 中设计了一个页面，它必须显示百分比 100% 或小于该百分比，但它大于 100% 。我不知道是设计问题还是代码问题。

这是我的代码，抱歉我之前忘记添加了。我无法提供 css 代码，因为它非常复杂。请帮助我不明白如何解释我的问题

<div>
  <div>
    <table>
      <tr>
        <td>Profile Completeness</td>
        <td>Resume Type</td>
      </tr>
      <tbody id="ResumeData" style="border: 1px">
      </tbody>
    </table>
  </div>
</div>
<div style="display: none">
  <table>
    <tr id="ResumeId" class="h4">
      <td id="Sno"></td>
      <td id="Resume">
        <div class="row">
          <div class="col-xs-12">
          </div>
        </div>
      </td>
      <td id="Nob" class="center">
        <div class="easy-pie-chart percentage easyPieChart divProCompleted" data-percent="10" style="width: 50px; height: 50px; line-height: 50px; color: rgb(209, 91, 71);">
          <span class="percent bigger-150 SpnProComplete">
                            10
                        </span>%
          <canvas width="40" height="40"></canvas>
          <canvas width="40" height="40"></canvas>
        </div>
      </td>
    </tr>
  </table>
</div>

Answer 1

使用此代码将有助于设计。此代码确实有效

<div style="height:200px; Width:60%; background-color:green;">
    vijay chaudhary
</div>

<div style="height:200px; Width:100%; background-color:green;">
    <table>
        <tr>
            <td width="50%">
                vijay
            </td>
        </tr>
    </table>
</div>

Answer 2

我的问题解决了我所要做的就是删除提供给标签的硬编码值

       <span class="percent bigger-150 SpnProComplete">
          10  </span>

每次出现一个值时，都会将这个 10 添加到其中，因此它显示错误的百分比。因为我的实际百分比是 92%，但它增加了 10，变成了 102%。我所要做的就是通过 0 而不是 10。感谢大家的宝贵意见。