Liquid GlassAPI Reference
Liquid GlassAPI Reference
createLiquidProgress
Glass-styled progress bar with spring-animated fill.
createLiquidProgress
Creates a glass-styled progress bar.
Basic Usage
import { createLiquidProgress } from '@avenra/liquid-glass';
const progress = createLiquidProgress('#progress-container', {
value: 0,
max: 100
});
// Update progress
progress.value = 75;Props / Options
Extends LiquidGlassOptions plus:
| Prop | Type | Default | Description |
|---|---|---|---|
value | number | 0 | Initial progress value |
min | number | 0 | Minimum value |
max | number | 100 | Maximum value |
Return Value — LiquidProgressHandle
| Member | Type | Description |
|---|---|---|
element | Element | The progress container element |
value | number (get/set) | Current progress value |
destroy() | () => void | Clean up the component |
on('change', cb) | { value: number, element: Element } | Fired when value changes |
on('destroy', cb) | undefined | Fired on destruction |