Barra de avaliação

[murilosoave 0]

E aí, pessoal. Beleza?

 

Bom, eu estou começando a programar javascript agora e, em um dos meus projetos, estou precisando fazer uma barra de avaliação que varia de 4 a -4, mas não estou conseguindo. Ela precisa ser preenchida igualmente de branco e negro quando eu jogar o valor de igualdade através de uma função, como neste caso:

 

 

E caso varie para cima de 0, seja preenchida com a cor branca. Como neste exemplo:

 

 

E para valores inferiores a 0, o oposto da imagem acima. Qualquer ajuda, seja com um paper ou até mesmo com a source(haha) será de grande valia. Obrigado.

[kikombat 16]

o Slider da jquery-ui pode te ajudar

 

http://jqueryui.com/slider/#range-vertical