如何在css中使用php变量

我有一个php变量，其中包含一个文件夹中可用的磁盘空间值。如何在css中使用php变量

$UsedSpace = $total/20000000*100;

现在我想用$ UsedSpace的价值状态栏是这样的：http://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_progressbar_2

所以宽度：1％;在这个例子中现在应该包含变量的值。我怎样才能做到这一点？

来源

2016-04-22 Jack Maessen

的可能重复评论[添加一个php变量到一个css语句！]（http：// stackoverf low.com/questions/6800263/add-a-php-variable-to-a-css-statement） –

审查代码波纹管，这将帮助，请阅读HTML部分

$(document).ready(function(){ 
 
\t \t $width=$("#myBar").data('width'); 
 
\t \t $("#myBar").css("width",$width+"%"); 
 
\t });

#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>

来源

2016-04-22 09:17:45

这个很好用！谢谢你的解决方案 –

欢迎@JackMaessen –

把你的变量中HTML/CSS这样的：<?php echo $variable; ?>

来源

2016-04-22 08:57:14

为什么选择投票？这个答案有效。 –

您也可以做到这一点使用JQuery。

<script> 
    var UsedSpace = <?php echo $UsedSpace; ?>; 
    $('#myBar').css('width', UsedSpace); 
</script>

来源

2016-04-22 09:02:21 Shan

计算$UsedSpace和使用它像这样：

<div id="myProgress"> 
    <div id="myBar"></div> 
</div> 

<?php $UsedSpace = 500; ?> 

<style> 
#myProgress { 
    position: relative; 
    width: 100%; /*total memory size width */ 
    height: 30px; 
    background-color: #ddd; 
} 

#myBar { 
    position: absolute; 
    width: <?php echo $UsedSpace ; ?>; /*UsedSpace width that is highlighted*/ 
    height: 100%; 
    background-color: #4CAF50; 
} 
</style>

来源

2016-04-22 09:06:42

如何在css中使用php变量

回答

相关问题