Update example
This commit is contained in:
parent
39d5f51ee0
commit
bb1d672339
1 changed files with 14 additions and 13 deletions
13
README.md
13
README.md
|
@ -36,25 +36,26 @@ progress bar is removed once the delivery is complete:
|
||||||
```typescript
|
```typescript
|
||||||
import postman, { item } from "postman";
|
import postman, { item } from "postman";
|
||||||
document.addEventListener("DOMContentLoaded", () => {
|
document.addEventListener("DOMContentLoaded", () => {
|
||||||
const progressBar = document.querySelector("progress");
|
const bar = document.querySelector("progress");
|
||||||
const span = document.querySelector(".percentage");
|
const span = document.querySelector(".percentage");
|
||||||
postman(
|
const delivery = postman(
|
||||||
item.font("Kanit Regular", "url(/fonts/kanit-regular.ttf)"),
|
item.font("Kanit Regular", "url(/fonts/kanit-regular.ttf)"),
|
||||||
item.script("/js/app.js"),
|
item.script("/js/app.js"),
|
||||||
item.image("/images/app.png"),
|
item.image("/images/app.png"),
|
||||||
item.css("/css/app.css"),
|
item.css("/css/app.css"),
|
||||||
item.progress((percent) => {
|
item.progress((percent) => {
|
||||||
progressBar.value = percent;
|
bar.value = percent;
|
||||||
span.innerText = `${percent}%`;
|
span.innerText = `${percent}%`;
|
||||||
})
|
})
|
||||||
).deliver()
|
).deliver();
|
||||||
.then((package) => {
|
|
||||||
|
delivery.then((package) => {
|
||||||
/* Add page assets */
|
/* Add page assets */
|
||||||
package.fonts.forEach((font) => documents.fonts.add(font));
|
package.fonts.forEach((font) => documents.fonts.add(font));
|
||||||
package.scripts.forEach((script) => document.body.appendChild(script));
|
package.scripts.forEach((script) => document.body.appendChild(script));
|
||||||
package.css.forEach((css) => document.head.appendChild(css));
|
package.css.forEach((css) => document.head.appendChild(css));
|
||||||
/* Replace progress bar */
|
/* Replace progress bar */
|
||||||
progressBar.remove();
|
bar.remove();
|
||||||
span.remove();
|
span.remove();
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
Loading…
Reference in a new issue