For more examples, visit the Storybook.

Example
<StudsProgressBar
    Value="25"
    Mode="ProgressBarMode.Determinate"
    ShowValue="true" />

StudsProgressBar Parameters

Value
double
default:"0"

Gets or sets the current progress value.

Min
double
default:"0"

Determines the minimum value.

Max
double
default:"100"

Determines the maximum value.

Mode
ProgressBarMode
default:"Determinate"

Gets or sets the progress bar mode. Options: Determinate, Indeterminate

Unit
string
default:"%"

Gets or sets the unit to display after the value.

ShowValue
bool
default:"true"

Gets or sets a value indicating whether the progress value is shown.

ValueChanged
Action<double>

Gets or sets the callback that is invoked when the value changes.

Template
RenderFragment

Gets or sets the template for custom content inside the progress bar.

Attributes
Dictionary<string, object>

Specifies additional custom attributes that will be rendered by the component.

MouseEnter
EventCallback<ElementReference>

Gets or sets the callback that is invoked when the mouse enters an item.

MouseLeave
EventCallback<ElementReference>

Gets or sets the callback that is invoked when the mouse leaves an item.

ContextMenu
EventCallback<MouseEventArgs>

A callback that will be invoked when the user right-clicks the component. Commonly used to display a context menu.

Culture
CultureInfo
default:"CultureInfo.CurrentCulture"

Gets or sets the culture used to display localizable data (numbers, dates). Set by default to “CultureInfo.CurrentCulture”.

Style
string

Gets or sets the inline CSS style.

Visible
bool
default:"true"

Gets or sets a value indicating whether this “T:Studs.StudsComponent” is visible. Invisible components are not rendered.