upload progress bar color customization

Transloadit
1

Archived from the Transloadit support forum. Originally posted on November 17, 2013; details may be outdated, see our docs for current behavior. Original thread

Hi all,
What’s the best way to customize the upload progress bar color?

best,

2

Hey Francisco,

please have a look at https://github.com/transloadit/jquery-sdk/blob/master/css/transloadit2.css#L142

These are the css properties that you need to overwrite in your own css.

Kind regards,
Tim

Co-Founder Transloadit
@tim_kos

3

Hi Tim,
Just found how to specify color.
We just need to specify 2 colors of progress bar.
Here goes my example to turn progress bar color orange:

@@@
..js transloadit script file..

<style>
#transloadit .progress .bar {
background-color: #FC5B25;
}

 #transloadit .progress-striped .bar {
background-color: #F75016;
}
</style>

@@@

btw, tim can you look to my latest sugestion/feature-request about quota support?

best,
Francisco Azevedo

4

Can you please link me to the new ticket here?

5

Tim, maybe on spam? i don’t see ticket too.

6

I restored it and replied there, it was in fact in spam.

Closing this now.

7

Tim,
Next issue is not related to this ticket but to progress percentage crazy values.

Don’t forget to update jquery docs to use v2.2.1.

best,
Francisco Azevedo