circular progress bar

Question

can anyone provide me the code in C#?

Lalit M · Answer

use this code sample 1 : using System; 2 : using System.Collections.Generic; 3 : using System.Linq; 4 : using System.Text; 5 : using System.Windows; 6 : using System.Windows.Controls; 7 : using System.Windows.Data; 8 : using System.Windows.Documents; 9 : using System.Windows.Input; 10 : using System.Windows.Media; 11 : using System.Windows.Media.Animation; 12 : using System.Windows.Media.Imaging; 13 : using System.Windows.Navigation; 14 : using System.Windows.Shapes; 15 : 16 : namespace Sonic 17 : { 18 : /// summary > 19 : /// Provides a circular progress bar 20 : /// / summary > 21 : public partial class CircularProgressBar : UserControl 22 : { 23 : public CircularProgressBar() 24 : { 25 : InitializeComponent(); 26 : 27 : // Use a default Animation Framerate of 20, which uses less CPU time 28 : // than the standard 50 which you get out of the box 29 : Timeline.DesiredFrameRateProperty.OverrideMetadata( 30 : typeof (Timeline), 31 : new FrameworkPropertyMetadata { DefaultValue = 20 } ); 32 : } 33 : } 34 : } for reference Another Code sample -------------------------- public partial class CircularProgressBar : Control { public CircularProgressBar() { InitializeComponent(); } private int _MinValue; private int _MaxValue; private int _Value; public int MinValue { get { return _MinValue; } set { _MinValue = value; } } public int MaxValue { get { return _MaxValue; } set { _MaxValue = value; } } public int Value { get { return _Value; } set { _Value = value; } } protected override void OnPaint(PaintEventArgs pe) { Graphics g = pe.Graphics; // CUSTOMIZATION: Width of pen is hard coded Rectangle rec = Rectangle.Inflate(this.Cli entRectang le, -10, -10); // CUSTOMIZATION: Allow user to choose color and width Pen pen = new Pen(Color.Red,10); // CUSTOMIZATION: Allow user to choose starting point float startAngle = 270.0f; // Angle of due North clockwise from x-axis // Percentage of a complete circle to draw float percent = (float)(_Value - _MinValue) / (float)(_MaxValue - _MinValue); // CUSTOMIZATION: Allow user to choose direction (CW or CCW) // Draws a clockwise arc starting from due north g.DrawArc(pen,rec,startAng le,360.0f * percent); // Calling the base class OnPaint base.OnPaint(pe); } } more info

paul daniel · Answer

Hi Try this int min = 0; int max = 100; int val = 0; Color BarColor = Color.Blue; protected override void OnResize(EventArgs e) { // Invalidate the control to get a repaint. this.Invalidate(); } protected override void OnPaint(PaintEventArgs e) { Graphics g = e.Graphics; SolidBrush brush = new SolidBrush(BarColor); float percent = (float)(val - min) / (float)(max - min); Rectangle rect = this.ClientRectangle; // Calculate area for drawing the progress. rect.Width = (int)((float)rect.Width * percent); // Draw the progress meter. g.FillRectangle(brush, rect); // Draw a three-dimensional border around the control. Draw3DBorder(g); // Clean up. brush.Dispose(); g.Dispose(); } public int Minimum { get { return min; } set { // Prevent a negative value. if (value { min = 0; } // Make sure that the minimum value is never set higher than the maximum value. if (value > max) { min = value; min = value; } // Ensure value is still in range if (val { val = min; } // Invalidate the control to get a repaint. this.Invalidate(); } } public int Maximum { get { return max; } set { // Make sure that the maximum value is never set lower than the minimum value. if (value { min = value; } max = value; // Make sure that value is still in range. if (val > max) { val = max; } // Invalidate the control to get a repaint. this.Invalidate(); } } public int Value { get { return val; } set { int oldValue = val; // Make sure that the value does not stray outside the valid range. if (value { val = min; } else if (value > max) { val = max; } else { val = value; } // Invalidate only the changed area. float percent; Rectangle newValueRect = this.ClientRectangle; Rectangle oldValueRect = this.ClientRectangle; // Use a new value to calculate the rectangle for progress. percent = (float)(val - min) / (float)(max - min); newValueRect.Width = (int)((float)newValueRect.Width * percent); // Use an old value to calculate the rectangle for progress. percent = (float)(oldValue - min) / (float)(max - min); oldValueRect.Width = (int)((float)oldValueRect.Width * percent); Rectangle updateRect = new Rectangle(); // Find only the part of the screen that must be updated. if (newValueRect.Width > oldValueRect.Width) { updateRect.X = oldValueRect.Size.Width; updateRect.Width = newValueRect.Width - oldValueRect.Width; } else { updateRect.X = newValueRect.Size.Width; updateRect.Width = oldValueRect.Width - newValueRect.Width; } updateRect.Height = this.Height; // Invalidate the intersection region only. this.Invalidate(updateRect); } } public Color ProgressBarColor { get { return BarColor; } set { BarColor = value; // Invalidate the control to get a repaint. this.Invalidate(); } } private void Draw3DBorder(Graphics g) { int PenWidth = (int)Pens.White.Width; g.DrawLine(Pens.DarkGray, new Point(this.ClientRectangle.Left, this.ClientRectangle.Top), new Point(this.ClientRectangle.Width - PenWidth, this.ClientRectangle.Top)); g.DrawLine(Pens.DarkGray, new Point(this.ClientRectangle.Left, this.ClientRectangle.Top), new Point(this.ClientRectangle.Left, this.ClientRectangle.Height - PenWidth)); g.DrawLine(Pens.White, new Point(this.ClientRectangle.Left, this.ClientRectangle.Height - PenWidth), new Point(this.ClientRectangle.Width - PenWidth, this.ClientRectangle.Height - PenWidth)); g.DrawLine(Pens.White, new Point(this.ClientRectangle.Width - PenWidth, this.ClientRectangle.Top), new Point(this.ClientRectangle.Width - PenWidth, this.ClientRectangle.Height - PenWidth)); } Add the following code to the Tick event of the Timer control : if (this.smoothProgressBar1.Value > 0) { this.smoothProgressBar1.Value--; this.smoothProgressBar2.Value++; } else { this.timer1.Enabled = false; } Add the following code to the Click event of the Button control : this.smoothProgressBar1.Value = 100; this.smoothProgressBar2.Value = 0; this.timer1.Interval = 1; this.timer1.Enabled = true;

circular progress bar

Answers (2)