SusProgressLinear

Горизонтальный bar прогресса — determinate, buffer, striped или indeterminate.

Пакет

SusKit · Атомы (коммерческий)

Открыть в песочнице

SusKit · Atoms

Свойства

Имя	Тип	По умолчанию
Value	Prop<float>	0f
Max	Prop<float>	100f
Height	Prop<float>	4f
Color	Prop<string>	"primary"
BgColor	Prop<string>	""
BgOpacity	Prop<float>	1f
BufferValue	Prop<float>	0f
Indeterminate	Prop<bool>	false
Active	Prop<bool>	true
Striped	Prop<bool>	false
Stream	Prop<bool>	false
Reverse	Prop<bool>	false
Absolute	Prop<bool>	false
Clickable	Prop<bool>	false
Rounded	Prop<string>	"md"
RoundedBar	Prop<bool>	false
ChunkCount	Prop<int>	0
ChunkGap	Prop<float>	4f

Слоты

Имя
(по умолчанию)

События

Имя	Поле	Payload
ValueChanged	OnValueChanged	float

Хуки стиля

Контракт USS-классов — внешний вид переопределяется без правки C#. Состояния переключаются этими классами:

• sus-progress-linear
• sus-progress-linear__background
• sus-progress-linear__buffer
• sus-progress-linear__chunk
• sus-progress-linear__chunk-fill
• sus-progress-linear__chunks
• sus-progress-linear__content
• sus-progress-linear__fill
• sus-progress-linear__indeterminate
• sus-progress-linear__indeterminate-bar
• sus-progress-linear__stream
• sus-progress-linear--absolute
• sus-progress-linear--active
• sus-progress-linear--chunked
• sus-progress-linear--clickable
• sus-progress-linear--color-danger
• sus-progress-linear--color-info
• sus-progress-linear--color-secondary
• sus-progress-linear--color-success
• sus-progress-linear--color-warning
• sus-progress-linear--inactive
• sus-progress-linear--indeterminate
• sus-progress-linear--reverse
• sus-progress-linear--rounded-bar
• sus-progress-linear--stream
• sus-progress-linear--striped

Использование

<template>
  <sus:SusProgressLinear :Value="LoadPct.Value"
                         Max="100"
                         Color="primary"
                         Height="6"
                         Rounded="md" />
</template>

<script>
public Prop<float> LoadPct = new(65f);
</script>

var bar = new SusProgressLinear();
bar.Value.Value = 40f;
bar.BufferValue.Value = 70f;
bar.Color.Value = "success";
bar.Striped.Value = true;
// Indeterminate: bar.Indeterminate.Value = true;

Заметки

• BufferValue рисует вторичную дорожку (например, буферизованное медиа).
• ChunkCount / ChunkGap делят заполнение на сегменты.
• Слот по умолчанию располагается поверх полосы — для инлайн-подписи.