
I have the above image that I will use as a site counter. I need to now get white numbers to sit on top of this that I can increment with Jquery.
I can easily put a number on top of this and increment it with JQUERY but I just not sure how to get the number to be spaced out correctly. eg: the first 3 digits distance is different to the forth.
Does anyone have advice on how to get a number – say 1 Million (1000000) to site behind this and so it can be increment by JQUERY?
thankyou
Put the values in a html unorderd list and apply appropriate css properties to get the values above the image. After that with jquery increment margin-right of 3rd and 6th li element to get align the elemnts correctly. Use jquery nth child property to alter the style:
demo: http://jsfiddle.net/gVVAV/4/