Eine Skizze, wie es aussehen soll, würde wohl besser helfen. Denn was willst Du mit einem >Quelltext (bzw zweien: HTML und CSS), die sowieso von falschen Annahmen ausgehen?
http://up.picr.de/21791617sz.jpghttp
Also im Bereich in der Mitte soll der Text sein, und dann soll der Balken über dem text setehen. aber der text soll nicht n ur überblendet werden, sonder, anschliessend ohne verlusst wieder weiter gehen.
Ich habe es hier auch online gestellt: