search

minddust / bootstrap-progressbar

progressbar interactions for twitter bootstrap 2 & 3
www.minddust.com/project/bootstrap-progressbar
MIT License
577 stars 160 forks source link

Text in progess bar #40

Open wordica opened 10 years ago

wordica commented 10 years ago

What I do not understand. I set display_text: 'fill' , text displayed in progress bar but just as a text without any div, so I can't use any css to custom it. What do progressbar-back-text class? When it is visible?

minddust commented 10 years ago

hi @efectiva

the back and front text classes / divs are used to render the centered text. (front text blends over back text)

and true. there isn't any additional div for filled text. but is it really necessary?

<div class="progress">
     <div class="progress-bar some-class-to-apply-filled-styles">80%</div>
</div>

you could use e.g. .progress-bar for styling or apply a custom class?

best stephan

JanJan01 commented 8 years ago

I made a custum progressbar for my company and therefore i had to give the progressbar a position: relative. After that i couldn't give the text inside a padding. So it would be best for me if you put the text for example between a span so i can give padding to the span.

greetz Jan