bootstrap-progressbar icon indicating copy to clipboard operation
bootstrap-progressbar copied to clipboard

Text in progess bar

Open wordica opened this issue 10 years ago • 2 comments

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?

wordica avatar Aug 20 '14 08:08 wordica

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

minddust avatar Aug 22 '14 09:08 minddust

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

JanJan01 avatar Dec 28 '15 13:12 JanJan01