I use HTML/CSS to make such charts on the fly.  Here's the markup
(change the percentage to whatever you want to show):

<div class="progressBar" align="left">
        <div class="progressWrapper">
                <div class="progressBarDisplay" style="width:75%"></div>
        </div>
</div>

The CSS looks like this:

..progressBar {
        background-color: #EFEFEF;
        border: 1px solid black;
        height: 15px;
        padding: 0px;
        text-align: left;
        width: 90%;
}
..progressWrapper {
        position: relative;
}
..progressBarDisplay {
        background-color: #66CC33;
        height: 15px;
        margin: 0px;
        padding: 0px;
        position: absolute;
        text-align: left;
        top: 0px;
        z-index: 75;
}

This example is for a progress bar where the bar width is updated with
javascript as stuff happens, but you get the idea.

cheers,
barneyb


On Fri, Jun 6, 2008 at 9:16 AM, Phillip Vector
<[EMAIL PROTECTED]> wrote:
> Hi. I'm looking to make a simple bar that goes horozinitial from 0% to
> 100% with 1 break inbetween..
>
> Kind of like this..
>
> 0%               75%      100%
> [XXXXXXXXXXXXXXXXX         ]
>
> I looked at cfchart and I couldn't see how to get the single bar (much
> less have a break point)..
>
> Am I missing something? I push in the right direction would be appricated.
>
> 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to 
date
Get the Free Trial
http://ad.doubleclick.net/clk;192386516;25150098;k

Archive: 
http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:306971
Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm
Unsubscribe: 
http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4

Reply via email to