Welcome guest. Before posting on our computer help forum, you must register. Click here it's easy and free.

Author Topic: circular status bar  (Read 6199 times)

0 Members and 1 Guest are viewing this topic.

carbon dude oxide

    Topic Starter


    Greenhorn

    • Experience: Beginner
    • OS: Unknown
    circular status bar
    « on: August 11, 2012, 03:42:38 PM »
    hello i dont know if this is possible or not but i know it can be easily done using a linear bar display to show a percentage.

    is it possible to do it over a circular bar without having multiple images?

    this is what it looks like so i would like the two orange bars to represent a percentage by actively moving around the dial (preferably JavaScript if possible as it is going onto a desktop gadget):


    carbon dude oxide

      Topic Starter


      Greenhorn

      • Experience: Beginner
      • OS: Unknown
      Re: circular status bar
      « Reply #1 on: August 11, 2012, 03:48:51 PM »
      similar to how this works:

      http://blakek.us/labs/jquery/css3-pie-graph-timer/

      but i am unsure how this is done :D if anyone can tell me how to do this then that would probably solve my problem

      Carbon Dudeoxide

      • Global Moderator

      • Mastermind
      • Thanked: 169
        • Yes
        • Yes
        • Yes
      • Certifications: List
      • Experience: Guru
      • OS: Mac OS
      Re: circular status bar
      « Reply #2 on: August 11, 2012, 03:49:38 PM »
      Interesting...

      Allan

      • Moderator

      • Mastermind
      • Thanked: 1260
      • Experience: Guru
      • OS: Windows 10
      Re: circular status bar
      « Reply #3 on: August 11, 2012, 03:54:52 PM »
      Are you two related? ;D

      Carbon Dudeoxide

      • Global Moderator

      • Mastermind
      • Thanked: 169
        • Yes
        • Yes
        • Yes
      • Certifications: List
      • Experience: Guru
      • OS: Mac OS
      Re: circular status bar
      « Reply #4 on: August 11, 2012, 03:55:50 PM »
      I logged on and found this as soon as I got a password reset request.

      carbon dude oxide

        Topic Starter


        Greenhorn

        • Experience: Beginner
        • OS: Unknown
        Re: circular status bar
        « Reply #5 on: August 12, 2012, 12:51:13 AM »
        oh wow, ive been using this logon for years XD

        i thought i previously had and account on here and forgot my password, hence the password reset.

        well this is fun ^.^

        carbon dude oxide

          Topic Starter


          Greenhorn

          • Experience: Beginner
          • OS: Unknown
          Re: circular status bar
          « Reply #6 on: August 12, 2012, 09:42:03 AM »
          anyway how would i do this :)

          Rob Pomeroy



            Prodigy

          • Systems Architect
          • Thanked: 124
            • Me
          • Experience: Expert
          • OS: Other
          Re: circular status bar
          « Reply #7 on: September 11, 2012, 07:09:52 AM »
          You're looking at Flash or HTML5 really for this.  Javascript/CSS2 on their own don't give you a good drawing canvas.  HTML5 does though.
          Only able to visit the forums sporadically, sorry.

          Geek & Dummy - honest news, reviews and howtos