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を参照してください

Answer 2

CSS の背景位置を使用します。

.yourClassName
{ 
    background-image:url('your-image');
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:right; 
}

次に、要素のサイズを定期的に調整します。