@anar-sol
Posted
Hi!
I haven't done this challenge yet, but I'll try to give you my opinion
According to MDN <progress>
page, this element is intended to represent the completion progress of a task. Do you think this is the most suitable element to represent the amount of storage space used? I could be wrong, but I think <meter>
is more appropriate in this context.
Concerning the style, both <pregress>
and <meter>
seem to be difficult to customize consistently across different browsers...I haven't looked into this subject yet.
You can add overflow='hidden'
to the <progress>
element to prevent the blue bar from overflowing
MDN progress page: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress MDN meter page: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meter
Marked as helpful
@kzaleskaa
Posted
@anar-sol I didn't know about <meter> but it seems to be a better option than <progress>. I had many problems with applying it ot various browser so now I changed it to <div>. I also added some animation to make it more interesting.
@anar-sol
Posted
@kzaleskaa Good job, it's much better now =)