<: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 />