Javascript 材料设计线性推进组件的工作示例
所附伪代码用于尝试制作线性进度组件的工作原型 HTML 上述代码旨在显示50%的进度。原型不起作用。哪一部分可能出了问题?以下参考资料是我从官方参考文件中获得的最佳参考资料 工具书类 TL;博士 只需替换JavaScript行Javascript 材料设计线性推进组件的工作示例,javascript,html,material-components-web,Javascript,Html,Material Components Web,所附伪代码用于尝试制作线性进度组件的工作原型 HTML 上述代码旨在显示50%的进度。原型不起作用。哪一部分可能出了问题?以下参考资料是我从官方参考文件中获得的最佳参考资料 工具书类 TL;博士 只需替换JavaScript行overallProgress.setProgress(0.5) 进入总体进度。进度=0.5 细节 我挖掘了,结果它被实现为使用。函数设置器的工作方式是在类中声明为方法,但实际设置值是将其视为属性 因此,与其使用setProgress(value),不如将其替换为pro
overallProgress.setProgress(0.5)代码>
进入总体进度。进度=0.5代码>
细节
我挖掘了,结果它被实现为使用。函数设置器的工作方式是在类中声明为方法,但实际设置值是将其视为属性
因此,与其使用setProgress(value)
,不如将其替换为progress=value
,他们为什么要编写使用setProgress?
<script src="https://unpkg.com/material-components-web@0.42.1/dist/material-components-web.min.js"></script>
...
<div role="progressbar" class="mdc-linear-progress" id="my-progress-bar">
<div class="mdc-linear-progress__buffering-dots"></div>
<div class="mdc-linear-progress__buffer"></div>
<div class="mdc-linear-progress__bar mdc-linear-progress__primary-bar">
<span class="mdc-linear-progress__bar-inner"></span>
</div>
<div class="mdc-linear-progress__bar mdc-linear-progress__secondary-bar">
<span class="mdc-linear-progress__bar-inner"></span>
</div>
</div>
const overallProgress = mdc.linearProgress.MDCLinearProgress.attachTo(document.getElementById('my-progress-bar'));
overallProgress.setProgress(0.5);