Javascript 圆圈进度条中显示的每个按钮值

我需要为面板中的每个按钮制作一个进度条，以获取其值

是我想要的进度条

是面板当前的外观

以下是面板的代码：

<asp:Panel ID="contLine13" runat="server" CssClass="simexContainers" BorderWidth="1px" Style="position: relative">
  <asp:Panel ID="LINEA13" runat="server" CssClass="simexTitles">
    <asp:Label ID="lblLine1" runat="server" Text="Linea 1" />
  </asp:Panel>
  <div id="jednatrecina" style="width: 33%; float: left; margin-top: 100px;">
    <asp:Button ID="btn17" runat="server" CssClass="stolovi" OnClick="buttons_click" AccessKey="5" />
    <asp:Button ID="btn18" runat="server" CssClass="stolovi" OnClick="buttons_click" AccessKey="5" />
    <asp:Button ID="btn19" runat="server" CssClass="stolovi" OnClick="buttons_click" AccessKey="5" />
    <asp:Button ID="btn20" runat="server" CssClass="stolovi" OnClick="buttons_click" AccessKey="5" />
  </div>
  <div id="dvetrecine" style="width: 66%; float: right;">
    <span class="KoferceCircle">
      <asp:Button ID="btn1" runat="server" CssClass="KoferceBox" OnClick="buttons_click" AccessKey="1" />
    </span>
    <span class="KoferceCircle">
      <asp:Button ID="btn9" runat="server" CssClass="KoferceBox" OnClick="buttons_click" AccessKey="1" />
    </span>
    <br />
    <hr style="width: 75%;" />
    <span class="KoferceKruzic">
      <asp:Button ID="btn2" runat="server" CssClass="KoferceKruzicBox" OnClick="buttons_click" AccessKey="2" />
    </span>
    <span class="KoferceKruzic">
      <asp:Button ID="btn10" runat="server" CssClass="KoferceKruzicBox" OnClick="buttons_click" AccessKey="2" />
    </span>
    <br />
    <span class="KoferceKruzic">
      <asp:Button ID="btn3" runat="server" CssClass="KoferceKruzicBox" OnClick="buttons_click" AccessKey="2" />
    </span>
    <span class="KoferceKruzic">
      <asp:Button ID="btn11" runat="server" CssClass="KoferceKruzicBox" OnClick="buttons_click" AccessKey="2" />
    </span>
    <br />
    <span class="KoferceKruzic">
      <asp:Button ID="btn4" runat="server" CssClass="KoferceKruzicBox" OnClick="buttons_click" AccessKey="2" />
    </span>
    <span class="KoferceKruzic">
      <asp:Button ID="btn12" runat="server" CssClass="KoferceKruzicBox" OnClick="buttons_click" AccessKey="2" />
    </span>
    <br />
    <span class="KoferceKruzic">
      <asp:Button ID="btn5" runat="server" CssClass="KoferceKruzicBox" OnClick="buttons_click" AccessKey="2" />
    </span>
    <span class="KoferceKruzic">
      <asp:Button ID="btn13" runat="server" CssClass="KoferceKruzicBox" OnClick="buttons_click" AccessKey="2" />
    </span>
    <br />
    <span class="KoferceCircle">
      <asp:Button ID="btn6" runat="server" CssClass="KoferceBox" OnClick="buttons_click" AccessKey="3" />
    </span>
    <span class="KoferceKruzic">
      <asp:Button ID="btn14" runat="server" CssClass="KoferceKruzicBox" OnClick="buttons_click" AccessKey="2" />
    </span>
    <br />
    <hr style="width: 75%;" />
    <span class="KoferceCircle">
      <asp:Button ID="btn7" runat="server" CssClass="KoferceBox" OnClick="buttons_click" AccessKey="4" />
    </span>
    <span class="KoferceCircle">
      <asp:Button ID="btn15" runat="server" CssClass="KoferceBox" OnClick="buttons_click" AccessKey="3" />
    </span>
    <br />
    <span class="KoferceCircle">
      <asp:Button ID="btn8" runat="server" CssClass="KoferceBox" OnClick="buttons_click" />
    </span>
    <span class="KoferceCircle">
      <asp:Button ID="btn16" runat="server" CssClass="KoferceBox" OnClick="buttons_click" />
    </span>
  </div>
</asp:Panel>

宽度：75%；“/>










宽度：75%；“/>

有控制台错误吗？没有控制台错误，所以在这个进度条中我有一个.svg、css和js。我不知道如何制作每个按钮