Platform
Resources
Pricing
Sign in
Get started
Jeya Balaji Balasubramanian
AI Researcher in Medicine. All opinions are my own.
Workspace
Fork
Public
By
Jeya Balaji Balasubramanian
Edited
Jun 6, 2022
MIT
1 star
Insert cell
#
Manipulating progress bars
Insert cell
progressBar
=
html
`<progress max="100" value=0></progress>`
Insert cell
function
sleep
(
ms
)
{
return
new
Promise
(
resolve
=>
setTimeout
(
resolve
,
ms
)
)
;
}
Insert cell
progressBar
Insert cell
async
function
manipulateProgressBar
(
progressBar
)
{
for
(
let
i
=
0
;
i
<
100
;
i
++
)
{
await
sleep
(
10
)
;
progressBar
.
value
=
i
/
100
*
100
;
}
}
Insert cell
manipulateProgressBar
(
progressBar
)
;
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.
Try it for free
Learn more
Fork
View
Export
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
progressBar
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
sleep
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
manipulateProgressBar
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML