Web graphics element to show values as bars, numbers and indicators

Requirements: Should be vectorbased and scalable, to the size of the div Should look better than the attached example. Use Javascript, HTML,CSS. Only external lib allowed is JQuery The number in the green or blue box, should be a variable. The following thing should be dynamic: The temperature (as text) at the top (eg. 22,6 *C) The three bars (blue, green, pink). They should be empty/white when values are 0, and full when 100. Bar should be draw analog, eg 36 = 36 percent filled. The green round indication should be green if value is 1, and grey if zero There should be a update-function that takes all the dynamic variables (temp, blue, green, pink, indication) as input and updates the graphics/dynamic values. Se attached image for two examples.