如何制作进度条/容器

How to make a Progress bar/Container?

本文关键字：容器 何制作      更新时间：2023-09-26

我正在创建一个网站，涉及人们将项目存入网站，将有一个上限在100个项目。我正在寻找一个进度条，水平或垂直我真的不介意，增加项目存入网站。

现在我需要帮助让进度条工作，从0 - 100%。我将担心连接进度条的百分比和存放的项目稍后。

提前感谢!

HTML5有一个非常简单的元素。

用法如下:

<progress value="22" max="100"></progress>

关于这个元素的文档在这里

浏览器支持坚如磐石根据CanIUseIt.com:

HTML5进度元素在以下浏览器中完全支持:Firefox 16+， Chrome 8+， Safari 6+和Opera 11+。

你可以使用javascript或你喜欢的框架来动态更新它，并使用css来设置它的样式。

如果你想做一些更性感的东西，有很多关于这个主题的教程。这是我喜欢的。

如果你需要更多的帮助，请告诉我。好运！
相关文章：