Mercurial > code > home > repos > video
changeset 21:111a41817968
shoelace progress bar (untested)
author | drewp@bigasterisk.com |
---|---|
date | Mon, 17 Apr 2023 00:43:37 -0700 |
parents | cf6842952e13 |
children | ff73b95fc72f |
files | src/ingest/IngestStatus.ts |
diffstat | 1 files changed, 3 insertions(+), 1 deletions(-) [+] |
line wrap: on
line diff
--- a/src/ingest/IngestStatus.ts Mon Apr 17 00:42:59 2023 -0700 +++ b/src/ingest/IngestStatus.ts Mon Apr 17 00:43:37 2023 -0700 @@ -1,5 +1,7 @@ import { LitElement, html, css } from "lit"; import { customElement, property } from "lit/decorators.js"; +export {SlProgressBar} from "@shoelace-style/shoelace"; + interface Row { url: string; @@ -37,7 +39,7 @@ (row) => html` <tr> <td>${row.t}</td> - <td>${row.progress}</td> + <td><sl-progress-bar value="${row.progress}" class="progress-bar-values">${row.progress}%</sl-progress-bar></td> <td>${row.url}</td> </tr> `