Javascript 在progressbar中完成鼠标悬停时显示工具提示

当用户在我的进度栏中单击鼠标时，我试图显示工具提示：

因此，工具提示应显示在蓝线上方或进度条上

像这样：

我关注这个网站：

我已经完成了所有导入，如：

import {TooltipModule} from 'primeng/tooltip';

我的代码如下所示：

  <div>
      <table>
          <tr *ngFor="let item of freqValues | keyvalue: valueAscOrder">
                <td class="first">{{ item.value.name }}</td>
                <td class="middle">
                  <p-progressBar value={{item.value.pValue}} pTooltip="Enter your username" tooltipPosition="top"></p-progressBar>   // here is tooltip integration
                 </td>
                 <td class="last">{{item.value.value}}</td>
                 </tr>
                 </table>
                      </div>

{{item.value.name}
//这里是工具提示集成
{{item.value.value}

注意：上面的代码输出看起来像第一个图像具有标记唯一值。

---

有人能提出一些建议吗？

你遇到了什么问题？你有错误吗？如果你能创建一个stackblitz演示，那也太好了。我没有发现任何错误。当鼠标悬停在progressbarworks上时，它只是没有显示pTooltip属性值。您能否使用此stckblitx复制您的问题。