如何改变progress显示的颜色?

来源:3-16 列表标签

昨日的坚持

2019-04-17 19:04:35

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title></title>
</head>
<body>
    <div>
        小明的成绩是否在60~80分之间:<br/>
        <meter value="70" min="0" max="100" low="60" high="80" optimum="75"></meter>
    </div>
    <div>
        小明的成绩打败60%的学生:<br/>
        <progress value="0.6" color="green">60%</progress>
    </div>
</body>
</html>

写回答

1回答

好帮手慕夭夭

2019-04-17

你好同学,progress需要设置背景色改变颜色,但是给他设置颜色兼容性不好,很多浏览器是不支持的。这里不需要改变颜色。根据3-15练习要求,第二个状态图也是需要使用meter标签实现,如下修改:

http://img.mukewang.com/climg/5cb70b7f0001294105000067.jpg

祝学习愉快 ,望采纳。

0

0 学习 · 40143 问题

查看课程