Balken wie eine Filmrolle abspielen

Hallo zusammen, ich möchte gerne mit der Zeit einen Balken(Hintergrund) ablaufen lassen, welcher erst grün ist dann ins Gelbe geht und wenn der Bereich ganz gelb ist, dann bewegt er sich ins Rote. Also erst ist der Hintergrund ganz grün, mit der Zeit bewegt sich das grüne Feld nach links und am Ende des grünen Feldes ist er gelb. Und danach dasselbe mit dem gelben Feld und am Ende ist das Feld rot. Ich hoffe ich habe mich verständlich ausgedrückt.
Kommentar abgeben zu diesen Beitrag/Code ?
Dann hier klicken

Der hier verwendete Code

<script src="/js_webseite/jquery.js"></script>
<style>
body {
background-color:#ccc;
}
h1 {
text-align:center;
}
#ladebalken {
height:22px;
width:400px;
border:1px solid red;
margin:auto;
}
#fortschritt1 {
position:absolute;
z-index:3;
margin-top:-19px;
height:24px;
width:403px;
background:green;
border:none;
text-align:center;
}
#fortschritt2 {
position:absolute;
z-index:2;
margin-top:-19px;
height:24px;
width:402px;
background:orange;
border:none;
text-align:center;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX