Results 1 to 8 of 8

Thread: Css Progress Bar [Help]

  1. #1
    Join Date
    Jan 2009
    Posts
    15
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Css Progress Bar [Help]

    hello i need help making my bar move with ajax or javascript , or another thing

    so heres my site for demo

    http://darkcyber.thvhosting.net/

    heres my code :
    Css
    Code:
    div.progress-container {
      border: 1px solid #ccc; 
      width: 100px; 
      margin: 2px 5px 2px 0; 
      padding: 1px; 
      float: left; 
      background: white;
    }
    
    div.progress-container > div {
      background-color: #ACE97C; 
      height: 12px
    }
    HTML
    Code:
    <div class="progress-container">          
        <div style="width: 95%"></div>

  2. #2
    Join Date
    May 2007
    Location
    Boston,ma
    Posts
    2,127
    Thanks
    173
    Thanked 207 Times in 205 Posts

    Default

    Why is this called a css progress bar and in the css forum? and What do you mean need help making it move its moving now.

  3. #3
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    The bar seems to work fine, what exactly do you need help with?

  4. #4
    Join Date
    Jan 2007
    Location
    CA
    Posts
    9
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Are you trying to test it in Safari Web Browser? I noticed it did not work there.

  5. #5
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    >.< What he wants is a bar that loads accordingly to how much the ajax page has loaded.
    Try making its width: .status(in the javascritp)
    Jeremy | jfein.net

  6. #6
    Join Date
    Jan 2009
    Posts
    15
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    thanks guys

  7. #7
    Join Date
    Mar 2007
    Location
    Currently: New York/Philadelphia
    Posts
    2,735
    Thanks
    3
    Thanked 519 Times in 507 Posts

  8. #8
    Join Date
    Jul 2006
    Location
    just north of Boston, MA
    Posts
    1,806
    Thanks
    13
    Thanked 72 Times in 72 Posts

    Default

    div.progress-container > div {
    Just to let you know the child selector isn't supported in all browsers (IE6 and below) being the most prominent.
    Code:
    div.progress-container div
    would probably be a better solution since it is compatible with the aforementioned browsers and versions.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •