Mettiamo che la tua barra deve essere alta 30px. Allora:

1. Crea un nuovo documento con dimensioni 30 x 30 px.
2. Disegna un rettangolo alto e stretto e ruotalo di 45 gradi.
3. Posiziona l'asse di questo rettangolo sulla diagonale della tua immagine 30x30.
4. Salva l'immagine con nome "pattern.gif".
5. Crea un div con altezza di 30px ed id BARRA.
6. Nel CSS metti:
codice:
div#barra {
   background: url("pattern.gif") repeat-x left center;
}