虽然我找不到适合我的问题的解决方案,但它可能会非常简单.
我想要的是以下内容,当用户将鼠标悬停在进度条上时,进度条会在小弹出屏幕或类似内容中显示进度条的值.你可以弄清楚我想说的是什么:)
我想要的是以下内容,当用户将鼠标悬停在进度条上时,进度条会在小弹出屏幕或类似内容中显示进度条的值.你可以弄清楚我想说的是什么:)
<progress id="progressBar" value="50" max="100"></progress>
我是html 5的非常菜鸟和悬停的东西.
解决方法
你可以使用简单的CSS使用attr()和伪元素.
HTML：
<progress id="progressBar" value="50" max="100"></progress>
CSS：
progress#progressBar:hover:after {
display: block;
content: attr(value);
}
这是工作示例：jsFiddle
你可以设置这个伪元素的样式,所以它看起来像“弹出屏幕”或任何你想要的;-)
