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

Recommended Answers

All 3 Replies

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?

commented: Didin't make any sense to me either +14

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.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.