<?php

global $pacz_accent_color;

extract( shortcode_atts( array(
			'title' => '',
			'title_color' => '',
			'progress_bar_color' => $pacz_accent_color,
			'track_bar_color' => '',
			'percent' => 50,
			'height' => '17',
			'el_class' => '',
		), $atts ) );
wp_enqueue_style('pacz-skillmeter');

$output = '<div class="pacz-skill-meter '.$el_class.'">';
$output .= '<div class="pacz-skill-meter-title" style="color:'.$title_color.';">'.$title.'</div>';
$output .= '<div class="pacz-progress-bar" style="height:'.$height.'px; background-color:'.$track_bar_color.';">';
$output .= '<span class="progress-outer" data-width="'.$percent.'" style="background-color:'.$progress_bar_color.';">';
$output .= '</span></div><div class="clearboth"></div></div>'; 

echo '<div>'.$output.'</div>'; 
