chciałbym napisać prosty skrypt w którym pisałbym zakres przeczytanych w danej książce stron a on pokazywałby wykres poziomy bar w kolorze czerwonym z zielonymi liniami odpowiadającymi przeczytanym stronom. coś podobnego do tego google charts (stacked bar chart jak tutaj:google chart) choć chyba nie umożliwia on dokładnie tego bo

tabela ksiazki: id|tytul|stron
tabela przeczytane: id|idksiazki|poczatek|koniec
poczatek i koniec to numery stron czyli zakres. natomiast do wykresu potrzebuję liczbę stron w tym zakresie:
['2010', 10, 24, 20, 32, 18, 5, ''],

jak do tego podejść i czy taki układ tabel jest dobry do tego?

"z zielonymi liniami" - masz na myśli "segmentami belki"?

W tabeli przeczytane, poczatek i koniec zastąpiłbym jednym polem - strony. (Bo początek to zawsze 1. Chyba, że istotne jest na której stronie zaczyna się właściwa treść książki.)
Wtedy, wzorując się na tym przykładzie który podałeś, miałbyś

[JAVASCRIPT] pobierz, plaintext 
var data = google.visualization.arrayToDataTable([
        ['Postęp', 'Strony przeczytane', 'Strony nieprzeczytane', { role: 'annotation' } ],
        [ksiazki.tutul, przeczytane.strony, ksiazki.stron - przeczytane.strony],
        .
        .
      ]);
[JAVASCRIPT] pobierz, plaintext 

No i w tabeli przeczytane brakuje chyba jeszcze kolumny z id użytkownika.

No chyba że zakładasz, że można czytać książkę nie od początku do końca (w sumie jakiś poradnik albo przewodnik to można nie po kolei czytać).