I have a chart for my fundraising goal, but I'd like to make it more minimal by removing the percentage number and placing the 4 items immediately below the table into the table itself. I'd still like for the % to be able to be manually set (perhaps a data tag?), but I'd like for the green background fill to be behind the words.

Here's my Fiddle: http://jsfiddle.net/jonsan32/xh734aej/7/

Any help would be great. Thanks!

Google searching came up with these two possibilities: Tinted Image & Semi-transparency

Edited by Jon_7: Added google results

1 Year
Discussion Span
Last Post by Jon_7

Hello Jon_7 ,
I didn't quite understood what you want to do different than what you already do. The one thing that I got was “but I'd like for the green background fill to be behind the words”. The background fill is already behind the percentage text.
Is what you want to have the fields “VENUES” “PLAYERS” e.t.c inside the bar? Does each field has the same amount of percentage that must cover? Where the percentage going to be after that? Above the bar , bellow , somewhere else? Why are you using tables?

Votes + Comments
Didin't make any sense to me either

This works for me. I wants to update the number in the HTML, but it's just the same to update that number in the CSS... just as long as I keep the CSS exposed and easily accessible.

Here's my finished copy: http://jsfiddle.net/jonsan32/uuvutx47/1/

Much appreciated.

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.