progress-bar -> change color

Home Forums Porto – Responsive HTML5 Template progress-bar -> change color

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #10004732
    Achim
    Participant

    Hello.

    Is it possible to change the Color for the progress-bar as circular-bar?
    In the circular-bar you can do that with this: data-plugin-options = '{"barColor": "# 2BAAB1}'>
    Is there also something for the progress-bar?

    Regards, Achim


    #10004743
    Support
    Keymaster

    Hello, the progress bas color is actually defined by the skin, if you want to create a customized one, you can do this:

    HTML

    <div class="progress-bars">
    	<div class="progress-label">
    		<span>HTML/CSS</span>
    	</div>
    	<div class="progress">
    		<div class="progress-bar progress-bar-custom" data-appear-progress-animation="100%">
    			<span class="progress-bar-tooltip">100%</span>
    		</div>
    	</div>
    </div>

    CSS (css/custom.css):

    .progress-bar-custom {
        background-color: #e36159;
    }

    Let me know if you have any questions.

    Thanks.


    #10004755
    Achim
    Participant

    Hello and thank you.
    This way I know. It was only a hope to do it at the same way as the circular-bar.

    Again thanks…


Viewing 3 posts - 1 through 3 (of 3 total)

This topic is marked as "RESOLVED" and can not rceive new replies.