Canvas Support

how to change the color of skill progress bar?

1 reply·opened Apr 27, 2017
P
puerdonApr 27, 2017

Hi,
I like the skill bar (with animation) in the "pie & skill" demo page.
I want to know how can I use different colors on different skill bar. I tried to find in "functions.js" but failed.

Thanks.

S
SemiColonWebSTAFFMay 1, 2017

Hello,

You can simply add a style Attribute to the .progress Element. Example: 

<li data-percent="60">
	<span>CSS3</span>
	<div class="progress" style="background-color: #655424;">
		<div class="progress-percent"><div class="counter counter-inherit counter-instant"><span data-from="0" data-to="60" data-refresh-interval="30" data-speed="1100"></span>%</div></div>
	</div>
</li>

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard