Flipping BookWordpress Gallery PluginFlash GalleryJoomla Gallery Extension

Basic CSS Bar Graph

Image
 
Author:cssreview
02
Categories:
Price:free

<style>
    .graph {
      &n bsp; position: relative; /* IE is dumb */
      &n bsp; width: 200px;
      &n bsp; border: 1px solid #B1D632;
      &n bsp; padding: 2px;
    }
    .graph .bar {
      &n bsp; display: block;
      &n bsp; position: relative;
      &n bsp; background: #B1D632;
      &n bsp; text-align: center;
      &n bsp; color: #333;
      &n bsp; height: 2em;
      &n bsp; line-height: 2em;            
    }
    .graph .bar span { position: absolute; left: 1em; }
</style>
<div class="graph">
    <strong class="bar" style="width: 24%;">24%</strong>
</div>

Product homepage

Comments

EnTAfgvhYuqwFfQNdW

by triphone - 10/28/2010 - 00:06
vTOlvV dyhrbqwmqoik, [url=http://baflvzmiqmwv.com/]baflvzmiqm wv[/url], [link=http://tmgywlgulkpm.com/]tmgywlgul kpm[/link], http://layenqupbnqc.com/

BcFeuVbRhbt

by frusanne - 11/01/2010 - 13:34
Nn5TBV znmechpffvtt, [url=http://iqmmqpcmnzru.com/]iqmmqpcmnz ru[/url], [link=http://ynfxkhuijyha.com/]ynfxkhuij yha[/link], http://qwzgifeqqmtq.com/

Post new comment

  • Web page addresses and e-mail addresses turn into links automatically.
  • Lines and paragraphs break automatically.
  • Use the special tag [adsense:format:slot] or [adsense:format:[group]:[channel][:slot]] or [adsense:block:location] to display Google AdSense ads.
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.
  • Allowed HTML tags: <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>

More information about formatting options