Pasek postepu

[kokosz555]

Witam

Z góry mówię że znam jedynie HTML, wiec proszę jak laikowi

Chciałbym zrobić prostą stronę na własny użytek, jednym z elementów ma być taki pasek postępu:


Po kliknięciu Dodaj jest dodawany jeden punkt, odejmij wiadomo odejmuje jeden. Wraz z wzrostem ilości punktów, niebieski pasek staje się dłuższy aż osiągnie koniec. Ma to być taki motywator dla syna Proszę o pomoc jak zabrać się za coś takiego. z Góry dzięki

[Labsta.com]

Html nie wystarczy
Minimum co potrzebujesz to skrypt php, maximum to jeszcze ajax.
Gotowca nie mam, ale mogę wytłumaczyć Ci filozofię.
Pasek robisz dzięki CSS (http://cssglobe.com/post/1272/pure-css-data-chart)
W php:
-czytasz plik w którym jest zapisane max, ilość pkt
-sprawdzasz czy było dodanie czy odjęcie
-dodajesz lub odejmujesz ze sprawdzeniem czy nie został osiągnięty max
-aktualizujesz plik z max, ilość pkt
-liczysz %
-generujesz w html pasek postępu, formularz dodaj/odejmij i % lub "Gratulacje wygrałeś "