进度条显示个人资料完成度问题

关乎个人资料完成度的进度条怎么实现 鼠标移上去弄够显示已经完成什么未完成什么

css就搞定了。。

    <!DOCTYPE html><style>
   .info{position:relative}
   .info div.note{display:none;position:absolute;top:0px;left:0px;background:#fff;border:solid 1px #000}
   .info:hover div.note{display:block}
   </style>
   <div class="info">个人资料完成度的进度条<div class="note">xxx已经填写,xxx未填写</div></div>

可以用鼠标滑过监听事件,然后toast出来现在完成的进度就好了

这个就是简单的信息悬浮显示吧,网上搜搜就有了。
进度条就是按填写完成比例做个显示,就更简单了