jquery - 从左边而不是右边剪切图片的宽度

Question

我有这样一张图片

现在，我想实现类似进度条的东西，所以这张图片应该从一个非常短的开始，然后变得越来越长。

我现在将它作为背景图像放在一个 div 中。现在，如果我设置宽度(如 300)，右侧箭头将被切断。无论如何我可以做到这一点，所以只切割左侧而不是右侧吗？

非常感谢!

Answer 1

你需要在你的css中指定背景图片的位置

HTML

<div class="progress-bar">
    <div class="progress-bar-image"></div>
</div>

CSS

.progress-bar {width:100%; height:40px}
.progress-bar-image { background: url('http://i.stack.imgur.com/yWm8U.png') top right no-repeat; width:100px; height:30px;}

参见 jsfiddle