<:import src="base.htm" /> <:define tag="bs-progress:div" class="progress ${extra ?? ''}" // parameters :extra=${null} // extra classes for this instance :value=${0} :min=${0} :max=${100} :label=${null} :variant=${null} :striped=${false} :animated=${false} :height=${null} :name=${'Progress'} // private :_percent=${Math.max(0, Math.min(100, ((value - min) / (max - min || 1)) * 100))} :_class=${[ 'progress-bar', variant ? `text-bg-${variant}` : '', striped || animated ? 'progress-bar-striped' : '', animated ? 'progress-bar-animated' : '', ].filter(s => s).join(' ')} role="progressbar" aria-label=${name} aria-valuenow=${value} aria-valuemin=${min} aria-valuemax=${max} :style-height=${height} >

${label}

<:define tag="bs-progress-stacked:div" class="progress-stacked"> <:slot />