English (United States)
Call us! 512-349-0334 or (877) INDUSOFT

Radial Progress Bars

Name: RadialProgressBar.sym

Range (if applicable): 0 to 100

Properties: Background color (BGRed, BGGreen, BGBlue), Indicator color (IndRed, IndGreen, IndBlue), Middle Circle color (MiddleRed, MiddleGreen, MiddleBlue), and TagName


This symbol was designed to give a colorful indication of progress (0-100%)


  1. This symbol contains only native IWS objects.

  2. The Background color should match the color of the symbol beneath.

  3. It allows for 16 million different colors for the inner circle and the indicator, using values of 0-255 for each red, green and blue (RGB)

    • For some common color settings, search the Tech Ref for “Color Interface”. For example Dark Teal would be 0, 51, 102 (RGB)

  4. The example graphics all use the same symbol but different colors

Ideas for improvement:

  1. Add the option for units

  2. Add different sizes
  3. Change the text color

  4. Add the flexibility for other minimums and maximums

Here’s how to use this symbol:
Unzip and copy the .sym file into your Symbol folder of where InduSoft Web Studio is installed. This is usually “C:\Program Files (x86)\InduSoft Web Studio v7.1\Symbol” or similar. Either create a new folder or copy it into an existing one, such as “Meters”. Got better ideas for this? Let us know!


Download Radial Progress Bars Here! 


Visit the forum thread for Radial Progress Bars


We encourage you to modify and share these symbols with other users. Your symbol might be perfect for someone else, or they might make an ideal symbol for you. We want your feedback, so tell us what symbols you want us to create for the next “Symbol of the week”! Tell us in this short survey