Подскажите как сделать progrees bar.

Всем привет! Столкнулся с парой вопросов, которые самому не хватает навыков решить. И не знаю, необходимо ли знать при решении вопроса JS. Первый необходимо сверстать прогресс-бар. Ниже привожу ссылку, как нужно сделать. Основной вопрос с текстом, .т.е. чтобы название навыка было прижато к левому краю, а процент навыка к правому, при том что проценты навыков различны. нашел в Bootstrap кое-что похожее, но с текст, там все таки иначе расположен.
http://http://s017.radikal.ru/i431/1510/e0/39a56f7b9632.jpg Второй вопрос тоже с прогресс-баром, но тут он круглый. Нашел похожее, но пробую задавать другие стили, но ничего не меняется, либо едет.
http://http://s017.radikal.ru/i420/1510/9e/e5a23af62013.jpg Буду благодарен даже за ссылку на внятное разъяснение, пусть на английском. Вообщем выручайте братцы!))