1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

CSS Experts, PleaseHelp: Progress Bar Should Start from Middle of the Bar and Fill To Right or Left

Discussion in 'CSS' started by teamnirvana, Feb 28, 2015.

  1. #1
    Basically I am looking out for the script of a progress bar that starts from the middle of the bar(, not like the conventional progress bar that starts from the start on the left(or, to that matter, from the right) side of the bar.
    SEMrush
    My aim is to fill the progress bar

    1. to the right side(from the center of the bar) when the value is positive
    2. to the left side(from the center of the bar again) when the value is negative.

    CSS Experts, please guide me if this kind of progress bar is available else where or let me know if this possible and if you can help.

    Thanks.
     
    teamnirvana, Feb 28, 2015 IP
    SEMrush
  2. PDD

    PDD Greenhorn

    Messages:
    67
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    23
    #2
    I dunno about doing that in CSS, probably possible but really unnecessary
    I assume you mean something like this in javascript:
    http://demos.componentone.com/wijmo/5/Angular/GaugeIntro/GaugeIntro/
    The term you're looking for is "gauge", you should be able to find something closer to your needs if you google it perhaps
     
    PDD, Feb 28, 2015 IP
  3. teamnirvana

    teamnirvana Active Member

    Messages:
    844
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    60
    #3
    Thanks for the pointer PDD.

    I will check and let you know if it had served my purpose.
     
    teamnirvana, Mar 3, 2015 IP
  4. teamnirvana

    teamnirvana Active Member

    Messages:
    844
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    60
    #4
    Thanks. Found the solution in a graphics package being sold on Envato sites.
     
    teamnirvana, Mar 15, 2015 IP