StackedProgressBar

in namespace DotVVM.Framework.Controls.Bootstrap4

Renders Bootstrap Stacked Progress Bars.

Usage & Scenarios

Renders the Bootstrap stacked ProgressBars. Use the ProgressBar controls inside.

https://getbootstrap.com/docs/4.3/components/progress/

Sample 1: Stacked Progress Bar

Place ProgressBar controls inside the StackedProgressBar.

<bs:StackedProgressBar>
  <bs:ProgressBar Color="Success" Value="25" />
  <bs:ProgressBar Color="Info" Value="25" />
  <bs:ProgressBar Color="Warning" Value="11" />
  <bs:ProgressBar Color="Danger" Value="14" />
</bs:StackedProgressBar>

Properties

Name Type Description Notes Default Value
property icon Items List<IProgressBar> Gets or sets a collection of items that is used when no DataSource is set.
attribute
inner element
static value
bindable
default
null

HTML produced by the control