Join the Webstudio community

Updated 10 months ago

Do I use <progress> tag correctly?

At a glance

The community member is trying to use the progress tag in Webstudio for a cost calculator, but they are getting a warning (red point) when using it. They want to use the progress tag according to the MDN documentation, but they are unsure if they are allowed to use it. The comments suggest that the community member has done some binding, but it's unclear what value they have bound. Some community members suggest using an HTML embed or a custom element like Webflow instead. There are also discussions on GitHub about this issue, but no explicitly marked answer.

Useful resources
Hi!

I'm trying to use progress to for a cost calculator on Webstudio.

I'd like to use progress tag according to MDN doc (https://developer.mozilla.org/fr/docs/Web/HTML/Element/progress)

I try to implement it on Webstudio and it's fine (it's working fine + code is ok as you can see on the doc attached), but I've got a warning (red point) for that tag.

Does it mean I'm not allow to use it?

(I don't want to use HTML embed for that)
Attachments
SCR-20240627-obai.png
SCR-20240627-oaxb.png
O
M
B
17 comments
you did some binding but you are not showing what value you bound there
why do you even have a binding on that tag?
I allow me to change the tag and have a progress tag
What is FBI number?
oh we don't have that tag and you got it in
I don't know if you have plan for a "custom element" like Webflow but it could help to choose what tag we want
but right now just use html embed I would say
also if its not a real progress indicator, but just a visual thing might just be fine with a box
I don't know if it's hard to acheive
Attachment
SCR-20240627-ojoc.png
everything is simple on a screenshot
For sure ^^ I just want to illustrate what I'm saying. It's not a direct request ๐Ÿ˜‰

But now you know that this kind of (micro) "hack" is working...
Add a reply
Sign up and join the conversation on Discord