Barra de progrés
----------------

Volem dissenyar una classe per a representar una `barra de progrés
<https://en.wikipedia.org/wiki/Progress_bar>`__, que pot servir, per
exemple, per visualitzar el nivell de força o de vida d'un personatge
del videojoc. Amb aquesta finalitat, es demana que al fitxer
:file:`pbar.py` hi escriviu la classe :class:`ProgressBar`, que ha de
ser un :py:class:`sprite de pygame <pygame.sprite.Sprite>`. Aquesta
classe, a més a més dels atributs indispensables dels *sprites*,
tindrà els atributs addicionals :py:attr:`percent` (un float), que
indicarà el percentatge de la part plena de la barra de progrés,
:py:attr:`color1`, que serà el color de la part plena de la barra (el
de l'esquerra) i :py:attr:`color2`, el color de la part buida (el de la
dreta). L'exemple de la figura mostra una barra de 200x40 píxels plena
al 70%, de colors vermell i gris:

.. figure:: pbar.svg
   :width:  250 px
   :align: center

Cal que la classe tingui aquests dos mètodes:

.. py:method:: __init__(self, posc, amplada, alçada, color, color_fons)

    Crea una barra de progrés inicialment plena al 100%, amb una
    imatge de les mides indicades per `amplada` i `alçada` centrada al
    punt `posc`. Els paràmetres `color` i `color_fons` indiquen de
    quin color han de ser la part plena i buida de la barra,
    respectivament.

.. py:method:: update(self)

    Actualitza la imatge de l'*sprite* segons el
    valor que tenen els seus atributs, és a dir, ha de quedar una
    imatge bicolor (del :py:attr:`color1` a l'esquerra i de
    :py:attr:`color2` a la dreta). La mida horitzontal de les dues
    parts acolorides de la barra s'ha de correspondre al valor actual
    de l'atribut :py:attr:`percent` (vegeu l'exemple de la
    figura). Per a la implementació d'aquest mètode es recomana
    utilitzar el mètode :py:meth:`pygame.Surface.fill`, cridant-lo amb
    els paràmetres opcionals adequats.

Al fitxer :download:`main_barra.py`, disposeu d'un programa principal
de prova per a la classe que, funcionant correctament , ha de mostrar
tres barres, dues petites (verda i blava amb fons blanc), i una més
gran (vermella amb fons gris). Aquesta tercera incrementa o decrementa
el seu valor un 5% quan es premen les tecles de cursor a la dreta i a
l'esquerra. Aquest programa de prova utiltza també el mòdul de
configuració :download:`conf.py`.

.. rubric:: Solució

Disposeu d'una solució a :download:`pbar.py <solucio/pbar.py>`.