Ok... This looks promising.. Where would I put in the value of the bar?

I.e. if I have a max of 6 records and 2 are "filled", where would I put the..

1) MaxRecords
2) FilledRecords

Is the z index on the progressbardisplay class the percentage it is
filled or is that the style tag for it on the div code?

On Fri, Jun 6, 2008 at 9:31 AM, Barney Boisvert <[EMAIL PROTECTED]> wrote:
> 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:306973
Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4

Reply via email to