首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Wordpress自定义进度条

Wordpress自定义进度条
EN

Stack Overflow用户
提问于 2015-09-20 09:21:14
回答 1查看 664关注 0票数 0

有人熟悉Wordpress和Custom Progress Bar plugin吗?

我正在使用这个进度条,并且有一个HTML按钮,当按下它时,应该会增加10%的进度条-它应该只会增加60%的进度条,在它第一次被按下之后,它应该不会做任何事情。

我写的东西不管用,我觉得自己好像撞到了墙上。任何帮助都是非常感谢的。

下面是我的代码以供参考:

代码语言:javascript
复制
<html>

<head>
  <script>
    function myFunction() {
      document.getElementByClassName(".progressbar").style.width = 60 % ;
    }
  </script>
</head>
<div>
  <button id="selector" onclick="myFunction()">Complete</button>
</div>
<div>[progressbar_simple class="progressbar"]
</div>

</html>

EN

回答 1

Stack Overflow用户

发布于 2015-09-20 21:21:19

请仔细注意拼写。

您不必在类名之前使用点。只要"progressbar"就足够了。

最后,的宽度值应包含在引号内

代码语言:javascript
复制
<html>

<head>
  <script>
    function myFunction() {
      document.getElementsByClassName("progressbar")[0].style.width= "60%";
    }
  </script>
</head>
<div>
  <button id="selector" onclick="myFunction()">Complete</button>
</div>
<div>[progressbar_simple class="progressbar"]
</div>

</html>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/32674826

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档