更改＆＃34;已完成中的字体[＆＃34;文本

Question

我试图通过这个视频制作一个网站： https://www.youtube.com/watch?v=W6auzdmxVC4

这是我做的装载：

<progress id="progressBar" value="0" max="100" style="width:200px; height:50">
</progress>
<span id="status">
</span>
<h1 id="finalMessage">
</h1>
<script type="text/javascript" language="javascript">
function progressBarSim(al) {
var bar = document.getElementById('progressBar');
var status = document.getElementById('status');
status.innerHTML = al+"%";
bar.value = al;
al++;
var sim = setTimeout("progressBarSim("+al+")",70);
if(al == 100){
    status.innerHTML = "100%";
    bar.value = 100;
    clearTimeout(sim);
    document.getElementById('finalMessage').innerHTML = "Completed!";
}

  

}

     

var amountLoaded = 0;   progressBarSim（amountLoaded）;   ＆LT; /脚本＆GT;

（删除脚本结束标记中的空格）

但令人惊讶的是。我需要更改＆＃34;已完成的字体[＆＃34;文本。你能告诉我怎么做吗？

Answer 1

使用相同的例程来更改CSS中的font-face。

Answer 2

document.getElementById('finalMessage').innerHTML = "<div style='font-size:20px'>Completed!</div>";