Published unlisted
Edited
Nov 17, 2019
1 star
Insert cell
Insert cell
{
// placing this here prevents this cell from rendering until the <bs-progress> component is ready.
progress;
return html`
<bs-progress>
<bs-progress-bar striped></bs-progress-bar>
</bs-progress>

<br />

<bs-progress>
<bs-progress-bar completed="25"></bs-progress-bar>
</bs-progress>

<br />

<bs-progress>
<bs-progress-bar completed="50"></bs-progress-bar>
</bs-progress>

<br />

<bs-progress>
<bs-progress-bar completed="75"></bs-progress-bar>
</bs-progress>

<br />

<bs-progress>
<bs-progress-bar completed="100"></bs-progress-bar>
</bs-progress>
`;
}
Insert cell
progress = import('https://unpkg.com/@lit-element-bootstrap/progress@1.0.0-alpha.2/index.js?module')
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more