border-radius + overflow:在使用jQuery动画时隐藏

Question

检查这个jsFiddle.

橙色条用作进度条,圆圈下的值是进度条应该有多高.

任何想法为什么overflow:hidden;被忽视,如何解决这个问题？显然,任何事情都不应该超出这个圈子.

还有更好的解决方案吗？

Answer 1

position: absolute并且overflow: hidden似乎与 玩得不好display: table/table-cell。删除表格中的内容以使文本垂直居中可以解决问题。至少在 Firefox 中是这样。