javascript - 当进度为 100% 时自动重新定位背景

Question

我正在 jquery 中制作一个进度条，当它达到 100% 时我需要将背景重新定位为：

background-position: -33px -1px;

问题是这个背景在另一个 div 中，而不是在进度条中：

jsfiddle http://jsfiddle.net/G2dbn/

Answer 1

你可以添加一个回调.animate()来重新定位你的背景吗？

http://api.jquery.com/animate/

function progress(percent, $element) {
    var progressBarWidth = percent * $element.width() / 100;
    $element.find('div').animate({ width: progressBarWidth }, 500, callbackFunction).html(percent + "%&nbsp;" + "<span></span>");
}