Search code examples
htmlcssasp.neteasypie

Percentage value is not correct

I have designed a page in asp.net and it has to display the percentage 100% or less than that but it is more than 100% . I don't know whether it is design issue or code .

My page

Here is my code, sorry I forgot to add it before. I can't provide the css code as it's very complex. Please help I don't understand how to explain my problem 

<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>

Solution

  • My problem is solved all I had to do is to remove that hard coded value supplied to the tag 

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

    Every time a value comes to it this 10 gets added to it so it shows wrong percentage.. as my actual percentage was 92% but it got incremented by 10 and became 102%. All I have to do is to pass 0 instead of 10. Thanks to all for valuable comments.