进度条不会改变颜色

时间:2021-05-14 11:57:26

标签: html css ejs

我正在做我自己的调查系统,当我向 MongoDB 数据库添加一个选项时,我也选择了颜色。然后在调查摘要中,我希望所选颜色为进度条值的颜色。我已经搜索了如何设置内联进度条样式的解决方案并找到了它。在元素选项卡中它看起来不错,但它不会改变颜色。

我的代码:

<% options.forEach((option) => { %>
                    <style>
                        #<%= option._id %>::-webkit-progress-value {
                            background: <%= option.color %>;
                        }
                    </style>
                    <p class="description" style="font-size: 22px;"><%= option.description %> - <%= option.numberOfAnswers %></p>
                    
                    <progress class="progress" id="<%= option._id %>" value="<%= (option.numberOfAnswers / totalVotes) * 100  %>" min="0" max="100"></progress>
                        
                    
                <% }) %>

和图像: 元素选项卡: elements tab:

它的样子 how it looks

0 个答案:

没有答案
相关问题