Wisej.NET Extensions
HomeNewsSupportVideos
  • Overview
  • Introduction
    • Extension Types
    • API
    • Concepts
    • Theme Builder
  • Icon Packs
    • Overview
    • BootstrapIcons
    • ElegantIcons
    • FontAwesome
    • MaterialDesign
    • ModernUI
    • VaadinIcons
    • VisualStudioIcons
  • Extensions
    • Themes
    • AceEditor
      • API
        • AceEditor
    • Amazon S3
      • API
        • S3FileSystemProvider
    • ASPNetControl
      • API
        • AspNetWrapper<T>
        • AspNetWrapperBase
        • HttpModule
        • HttpModuleStartup
    • Barcode
      • API
        • Barcode
        • BarcodeReader
        • BarcodeType
        • ScanEventArgs
        • ScanEventHandler
        • ScanMode
    • BingWallpaper
      • API
        • BingWallpaper
    • Brotli
      • API
        • Brotli
    • Bubbles
      • API
        • BubbleEventArgs
        • BubbleNotification
        • BubbleStyle
    • Camera
      • API
        • Camera
        • CameraErrorEventArgs
    • ChartJS
      • API
        • ChartClickEventArgs
        • ChartClickEventHandler
        • ChartJS
        • ChartType
        • DataLabelAlign
        • DataLabelAnchor
        • DataLabelTextAlignment
        • DataSet
        • DataSetCollection
        • OptionsAxisGridLines
        • OptionsBase
        • OptionsDataLabel
        • OptionsLegend
        • OptionsScales
        • OptionsTitle
        • OptionsTooltips
        • PointStyle
        • ScaleType
        • SteppedLine
    • Chat Control
      • API
    • CKEditor
      • API
        • CKEditor
        • CommandEventArgs
        • ExternalPlugin
        • LinkClickedEventArgs
    • ClearScript
      • API
        • ClearScript
        • EngineType
        • JScriptEngine
        • V8JavaScriptEngine
        • VBScriptEngine
    • ClientClipboard
      • API
    • ClientFileSystem
      • API
    • ColumnFilter
      • API
        • ColumnFilter
        • ColumnFilterPanel
        • SimpleColumnFilterPanel
        • WhereColumnFilterPanel
    • CoolClock
      • API
        • CoolClock
        • CoolClockSkin
        • CoolClockType
    • CountUp
      • API
        • CountUp
    • CustomWallpaper
      • API
        • CustomWallpaper
    • DataGridViewSummaryRow
      • API
        • DataGridViewSummaryRow
        • DataGridViewSummaryRowExtensions
        • SummaryType
    • FullCalendar
      • API
        • BusinessHours
        • ColumnHeaderFormats
        • DayClickEventArgs
        • Event
        • EventClickEventArgs
        • EventCollection
        • EventValueEventArgs
        • FullCalendar
        • ItemDropEventArgs
        • Resource
        • ResourceEventArgs
        • RetrieveVirtualEventEventArgs
        • ThemeSystem
        • ViewType
        • VirtualEventsNeededEventArgs
    • Geolocation
      • API
        • Geolocation
        • StatusCode
    • GoogleMaps
      • API
        • GeocoderLocationType
        • GeocoderResult
        • GoogleMap
        • LatLng
        • LatLngBounds
        • MapMouseEventArgs
        • MapPropertyChangedEventArgs
        • MarkerDragEventArgs
        • TravelMode
    • Html2Canvas
      • API
        • Html2Canvas
        • Html2CanvasOptions
    • jQueryKnob
      • API
        • Knob
        • KnobType
        • LineCapType
    • jSequence
      • API
        • ElementClickEventArgs
        • Sequence
    • JustGage
      • API
        • CustomSector
        • JustGage
    • NavigationBar
      • API
        • NavigationBar
        • NavigationBarItem
        • NavigationBarItemClickEventArgs
        • NavigationBarItemCollection
    • Notification
      • API
        • Notification
        • NotificationClickEventArgs
    • OfficeViewer
      • API
        • OfficeViewer
    • Pannellum
      • API
        • Pannellum
    • Polymer
      • API
        • PolymerComponent
        • PolymerWidget
    • ProgressCircle
      • API
        • ProgressCircle
    • RibbonBar
      • API
        • RibbonBar
        • RibbonBarAppButton
        • [RibbonBarCollectionBase<TOwner, TElement>](extensions/ribbonbar/api/wisej.web.ext.ribbonbar.ribbonb
        • RibbonBarGroup
        • RibbonBarGroupCollection
        • RibbonBarGroupEventArgs
        • RibbonBarItem
        • RibbonBarItemButton
        • RibbonBarItemButtonGroup
        • RibbonBarItemCheckBox
        • RibbonBarItemCollection
        • RibbonBarItemComboBox
        • RibbonBarItemControl
        • RibbonBarItemEventArgs
        • RibbonBarItemRadioButton
        • RibbonBarItemSeparator
        • RibbonBarItemSplitButton
        • RibbonBarItemTextBox
        • RibbonBarMenuItemEventArgs
        • RibbonBarPage
        • RibbonBarPageCollection
    • SideButton
      • API
        • SideButton
    • Signature
      • API
        • Signature
    • SmoothieChart
      • API
        • DataNeededEventArgs
        • InterpolationType
        • SmoothieChart
        • TimeSeries
        • TimeSeriesCollection
    • Speech
      • API
        • SpeechRecognition
        • SpeechRecognitionEventArgs
        • SpeechRecognitionResult
        • SpeechSynthesis
    • TaskBar
      • API
        • TaskBar
    • Tesseract
      • API
        • Tesseract
    • TinyEditor
      • API
        • TinyEditor
    • TinyMCE
      • API
        • TinyMCE
    • TourPanel
      • API
        • TourPanel
        • TourPanelEventArgs
        • TourStep
    • Translation
      • API
        • Translation
        • TranslationProviderBase
        • TranslationProviderYandex
        • TranslationResult
    • WebARIA
      • API
        • ARIA
        • Invalid
        • TriState
        • WebARIA
    • WebAuthn
      • API
        • Assertion
        • AttestationConveyancePreference
        • AuthenticatorAttachment
        • AuthenticatorData
        • AuthenticatorSelectionCriteria
        • AuthenticatorTransport
        • ClientData
        • COSEAlgorithmIdentifier
        • CredentialsResponse
        • PublicKey
        • PublicKeyCredentialDescriptor
        • PublicKeyCredentialParameters
        • PublicKeyCredentialUserEntity
        • RelyingParty
        • ResidentKeyRequirement
        • WebAuthn
    • WebShare
      • API
        • WebShare
    • XTerm
      • API
        • XTerm
  • Premium Extensions
    • Overview
    • Configuration
    • Webix
    • Syncfusion EJ1
    • Syncfusion EJ2
    • Telerik KendoUI
    • Infragistics IgniteUI
    • DevExpress DevExtreme
Powered by GitBook
On this page

Was this helpful?

  1. Extensions

ProgressCircle

PreviousPolymerWidgetNextAPI

Last updated 2 years ago

Was this helpful?

The ProgressCircle component is entirely implemented on the server side as a derived class of . It draws on a HTML5 canvas element on the client directly from the server in real time. The component lets you set value, line style and thickness, fill color, font, etc.

How to Use

The ProgressCircle extension can be added to a Wisej.NET project using NuGet Package Manager.

Set the style of your in and the width in . Furthermore decide with if the circle is filled with the background color and whether text is displayed in the middle of the circle.

Find more information in our or inspect or .

Blog
Example
Wisej.Web.Canvas
ProgressCircle
wisej-extensions/Wisej.Web.Ext.ProgressCircle at 3.0 · iceteagroup/wisej-extensionsGitHub
ProgressCircle Source Code
Wisej-3-ProgressCircle 3.0.9nuget
Logo
Logo
LineCap
LineWidth
FillCircle
ShowValue