可以使用<progress>
元素来显示任务进度或文件加载进度。该元素具有value
和max
属性,其中value
表示当前进度,max
表示总进度。使用<progress>
元素的示例如下:
<progress value="50" max="100"></progress>
上述示例代码将显示一个进度条,进度条的当前进度为50%,总进度为100%。可以通过JavaScript动态更新value
属性的值来实时更新进度条的进度。
需要注意的是,<progress>
元素在一些旧的浏览器中可能不被支持。在这种情况下,可以使用JavaScript库来模拟进度条的效果,如使用NProgress
库等。
更多关于HTML <progress>
元素的信息可以查看 MDN Web Docs。