progress 是 HTML5 中的一个标签,它用来示意义务的完成进度。通常情形下,它被用在文件上传、视频播放等场景中,让用户体会义务的执行情形。
progress 标签是一个自封锁标签,它只有两个属性:value 和 max。其中,value 示意当前的进度值,max 示意进度的最大值。默认情形下,value 和 max 都是 0。
那么,progress 标签是可数的吗?谜底是:它可以是可数的或不行数的,这取决于当前义务的执行情形。若是义务包罗牢靠的步骤,好比文件上传,那么 progress 标签就是可数的;若是义务没有明确的步骤,好比视频播放,那么 progress 标签就是不行数的。
无论 progress 标签是可数仍是不行数,都可以使用 JavaScript 来对其举行操作。通过 document.getElementById() 方式获取 progress 标签的 DOM 工具,然后使用它的 value 属性来更新进度值。好比:
var pBar = document.getElementById('progressBar');
pBar.value = pBar.value 50;
// 这里假设 progress 标签的 ID 为 progressBar。
需要注意的是,progress 标签在旧版本的 IE 浏览器中不被支持。为了兼容性,你可以使用 jQuery 品级三方库来实现进度条的功效,或者使用 CSS3 的伪元向来模拟进度条效果。
图片泉源:https://unsplash.com/