douba1067 2016-04-22 08:52
浏览 195
已采纳

如何在css中使用php变量

I have a php variable that contains a value of used diskspace available in a folder.

$UsedSpace  = $total/20000000*100;

Now i want to use the value of $UsedSpace for a status bar like this: http://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_progressbar_2

So the width: 1%; in this example should now contain the value of the variable. How can i achieve this?

  • 写回答

4条回答 默认 最新

  • duanduo0520 2016-04-22 09:17
    关注

    review code bellow, this will help, read comment in html section

    $(document).ready(function(){
            $width=$("#myBar").data('width');
            $("#myBar").css("width",$width+"%");
        });
    #myProgress {
      position: relative;
      width: 100%;
      height: 30px;
      background-color: #ddd;
    }
    
    #myBar {
      position: absolute;
      height: 100%;
      background-color: #4CAF50;
    }
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <body>
    
    <h1>My First JavaScript Progress Bar</h1>
    
    <div id="myProgress">
      <div id="myBar" data-width="11"></div>
      <!--
        for php: set data-width like bellow
        <div id="myBar" data-width="<?php echo '11'; ?>"></div>
      -->
    </div>
    
    </body>

    </div>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

悬赏问题

  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名
  • ¥65 汇编语言除法溢出问题