We are excited to announce that the ASP.NET Forums are moving to the new Microsoft Q&A experience. Learn more >

Bootstrap Progress Bar Font Color[Answered] RSS

2 replies

Last post May 16, 2018 11:37 AM by 1StormChaser43

‹ Previous Thread|Next Thread ›

Shortcuts

Related Links

- Reply
1StormChaser...
Member

11 Points

37 Posts

Bootstrap Progress Bar Font Color

May 15, 2018 12:56 PM|1StormChaser43|LINK

I have the following progress bars... The font is always white. How do I assign a different color?

<div class="progress" style=" margin-bottom: 1px">
<div id="StormFreeLabel" class="progress-bar progress-bar-success" role="progressbar"
style="width:100%">
No Storm Warnings in Effect...
</div>
</div>
- Reply
Yohann Lu
Star

11464 Points

2439 Posts
Re: Bootstrap Progress Bar Font Color

May 16, 2018 07:33 AM|Yohann Lu|LINK
HI friend,

You can use CSS color Property to change the Bootstrap Progress Bar Font Color.
```
    <div class="progress" style="margin-bottom: 1px">
            <div id="StormFreeLabel" class="progress-bar progress-bar-success" role="progressbar"
                style="width: 100% ; color: red;">
                No Storm Warnings in Effect...
            </div>
        </div>
```
Best Regards,

Yong Lu
ASP.NET forums are moving to a new home on Microsoft Q&A, we encourage you to go to Microsoft Q&A for .NET for posting new questions and get involved today. Learn more >
- Reply
1StormChaser...
Member

11 Points

37 Posts

Re: Bootstrap Progress Bar Font Color

May 16, 2018 11:37 AM|1StormChaser43|LINK

Thank you.. I had played around with color but I was missing the colon ";" syntax.

‹ Previous Thread|Next Thread ›