I am in no way a graphic designer, so I would like as detailed help as you are prepared to give.

Let me create a website that that tracks some data I enter utilizing a bar graph from -100%. I'd go into the most the graph may go to and more data point could be up-to-date from time to time, that the completion bar graph would reflect.

Wouldso would Time passes about carrying this out?

I understand fundamental HTML and PHP, but haven't used either in an exceedingly very long time.

I believe the majority of the suggestions are overkill. You don't need to come with an extra library / dependency when you just need some simple bargraphs. Plain HTML/CSS must do...

PS: quick code sample, only examined in Opera 3.x

<style type="text/css">



    position: relative

    height: 16px

    margin-top: 8px

    margin-bottom: 8px


<div id="barcontainer" style="width:200px">

    <div id="bar1" class="bar" style="width:43%"></div>

    <div id="bar2" class="bar" style="width:12%"></div>

    <div id="bar3" class="bar" style="width:76%"></div>

    <div id="bar4" class="bar" style="width:100%"></div>


You are able to alter the width of person bars easily with javascript (just alter the width).

I understand you stated you are new, however, you should have a look in the google visualization api. It's good quality stuff to complete the type of factor you may want.

Should you desired to keep things easy and only use PHP and HTML you could utilize the GD library of PHP.

It's a general purpose graphics library.

There's a good example here that demonstrates how to produce a bar graph.

A Listing Apart comes with an article on accessible charts with plain HTML and CSS.

You will find two ways you can tackle this issue create the graph around the after sales (most likely using PHP inside your situation) or get it done around the client side using javascript.

I am unsure the more knowledge about doing the work in PHP, when i don't fully realize the word what, but I am sure there's a lot of info available on graph generation in PHP.

For that javascript approach, I have used both flot (for jquery) and flotr (for prototype) before. I love them alot, and there's good quality documentation and good examples for libraries regarding how to generate a myriad of charts, including bar charts.

FusionCharts is yet another option

If you won't want to do much programming you can always produce the chart within Google Excel spreadsheets after which just publish/embed the chart inside your website:

http://googlesystem.blogspot.com/2007/04/google-excel spreadsheets-charts.html

I am interpretation your question as: you need to put bar graphs in your website. ExtJS includes a good implementation of bar graphs (http://extjs.com/deploy/dev/good examples/chart/reload-chart.html). Major drawback is that you'll want to understand a little of javascript.