Technical Support
🟢 Online now
Hello 👋

How can we help you today?
Contact on WhatsApp
B4X Store
jdashboardUI / Indicators, Progress & Gauges / jdashboard_CircularProgressBar
Indicators, Progress & Gauges

jdashboard_CircularProgressBar

Classic circular progress indicator with two-color gradient, empty color, center text and animation.

Search all jdashboardUI docs
Source
jdashboardUI.b4xlib · Public API only
Store language: en
Reference visual
Documentation reference created from the real component type. It is not an exact screenshot.
REFERENCE
jdashboard_CircularProgressBar REFERENCE 72%

Indicators, Progress & Gauges · jdashboardUI 23.5 · B4J / JavaFX

Classic circular progress indicator with two-color gradient, empty color, center text and animation.

The image shown on this page is a documentation reference visual. It is not intended to be a pixel-perfect screenshot; the real result depends on size, theme, colors and data.

Highlights

  • Configurable animation
  • Animated value

When to use it

Classic circular progress indicator with two-color gradient, empty color, center text and animation.

Designer Properties

Property Type Default Description
FirstColor Color #FFA9D8FF Color for the progress bar's start.
SecondColor Color 0xFF004884 Color for the progress bar's end.
ColorEmpty Color 0xFFE4DADA Color for the empty part of the progress bar.
StrokeWidth Int 10 Width of the progress bar stroke.
Duration Int 3000 Animation duration in milliseconds.
TextSize Int 16 Font size of the central text.
TextColor Color 0xFF000000 Color of the central text.

Creation and lifecycle

Private jdashboard_CircularProgressBar1 As jdashboard_CircularProgressBar

jdashboard_CircularProgressBar1.Initialize(Me, "jdashboard_CircularProgressBar1")
jdashboard_CircularProgressBar1.AddToParent(Root, 20dip, 20dip, 180dip, 180dip, 0xFFA9D8FF, 0xFF004884, 10dip, 16, xui.Color_White)

Working example

jdashboard_CircularProgressBar1.TextSize = 18
jdashboard_CircularProgressBar1.TextColor = xui.Color_White
jdashboard_CircularProgressBar1.Value = 68

Normalized B4X properties

Compatible public getX/setX accessors are presented as normal B4X properties. Parameterized accessors remain documented as methods.

Property Access Type
Value read / write Float
ColorEmpty read / write Int
TextColor read / write Int
TextSize read / write Int
TextFont read / write B4XFont

Events

  • ValueChange(value As Float)

Export and rendering

This component does not expose a public PNG export function in the analyzed version.

Source-backed notes for the analyzed version

  • The API below was extracted from the actual module source.

Complete public API

  • Initialize(Callback As Object, EventName As String)
  • DesignerCreateView(Base As Object, Lbl As Label, Props As Map)
  • AddToParent(Parent As B4XView, l As Int, t As Int, w As Int, h As Int, FirstColor As Int, SecondColor As Int, StrokeWidth As Int, Text_size As Int, Text_Color As Int) As B4XView
  • setTextSize(Size As Int)
  • setTextColor(Color As Int)
  • setTextFont(Font As B4XFont)
  • setValue(NewValue As Float)
  • getValue() As Float
  • setColorEmpty(Color As Int)
  • getColorEmpty() As Int
  • getTextColor() As Int
  • getTextSize() As Int
  • getTextFont() As B4XFont
  • JCircularProgressBar
  • JGaugeProgress