jQuery:进度条中的中心文本

Question

我试图在jQuery进度条中垂直和水平居中文本.我管理中心水平但不垂直.这就是我现在所拥有的

我的HTML:

<div id='progressbar'><div id='label'>My text</div></div>

我的CSS:

#progressbar {
    width: 80%;
    text-align: center;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}

#label {
    float: left;
    width: 100%;
    height: 100%;
    position: absolute;
    vertical-align: middle;
}

我的JavaScript:

$("#progressbar").progressbar({
    value: 50
});

Answer 1

你需要一个line-height让它垂直居中：

line-height: 35px;

小提琴