Progress

A visual indicator of a value between a minimum and a maximum.

Code

<script lang="ts">
  import { Progress } from '@geoffcox/sterling-svelte';
</script>

<Progress max="100" value="35" />

Members

Property Name	Type	Default	Comment
disabled	boolean \| null \| undefined	false	When true, the progress bar is disabled.
max	number \| undefined	100	The maximum value.
percent	number \| undefined	0	A read-only percentage between 0 and 100 calculated from value and max.
value	number \| undefined	0	The current value.
vertical	boolean \| null \| undefined	undefined	When true, the progress bar is displayed vertically.

	Type Name	Definition	Comment
	ProgressOrientation	'horizontal' \| 'vertical'	Used for the orientation property.

progress (<div>)
  container (<div>)
    indicator (<div>)