Edit History

So, I might sink my own feature request here, but then it takes this off the developers' hands.

Here are some progress bars made by simply styling html div's.

Any thoughts how to make them even fancier? I'm thinking in repeating image backrounds, gradients (currently the editor removes these when saving 😞 ), and whatever else may come to your minds.

Simple Progess Bars

I'm going to use the 5/17 progress everywhere, which is 29%.

minimalistic

minimalistic rounded

no background

opaque grey background

no background, visible remaining progress

white background, visible remaining progress

So, I might sink my own feature request here, but then it takes this off the developers' hands.

Here are some progress bars made by simply styling html div's.

Any thoughts how to make them even fancier? I'm thinking in repeating image backrounds, gradients (currently the editor removes these when saving 😞 ), and whatever else may come to your minds.

Simple Progess Bars

I'm going to use the 5/17 progress everywhere, which is 29%.

minimalistic

minimalistic rounded

no background

opaque grey background

no background, visible remaining progress

white background, visible remaining progress

no background, visible remaining progress, shine

So, I might sink my own feature request here, but then it takes this off the developers' hands.

Here are some progress bars made by simply styling html div's.

Any thoughts how to make them even fancier? I'm thinking in repeating image backrounds, gradients (currently the editor removes these when saving 😞 ), and whatever else may come to your minds.

Simple Progess Bars

I'm going to use the 5/17 progress everywhere, which is 29%.

minimalistic

minimalistic rounded

no background

opaque grey background

no background, visible remaining progress

white background, visible remaining progress

no background, visible remaining progress

So, I might sink my own feature request here, but then it takes this off the developers' hands.

Here are some progress bars made by simply styling html div's.

Any thoughts how to make them even fancier? I'm thinking in repeating image backrounds, gradients (currently the editor removes these when saving 😞 ), and whatever else may come to your minds.

Simple Progess Bars

I'm going to use the 5/17 progress everywhere, which is 29%.

minimalistic

minimalistic rounded

no background

opaque grey background

no background, visible remaining progress

white background, visible remaining progress

So, I might sink my own feature request here, but then it takes this off the developers' hands.

Here are some progress bars made by simply styling html div's.

Any thoughts how to make them even fancier? I'm thinking in repeating image backrounds, gradients (currently the editor removes these when saving 😞 ), and whatever else may come to your minds.

Progess Bar Repository

I'm going to use the 5/17 progress everywhere, which is 29%.

minimalistic

minimalistic rounded

no background

opaque grey background

no background, visible remaining progress

white background, visible remaining progress

So, I might sink my own feature request here, but then it takes this off the developers' hands.

Here are some progress bars made by simply styling html div's.

Any thoughts how to make them even fancier? I'm thinking in repeating image backrounds, gradients (currently the editor removes these when saving 😞 ), and whatever else may come to your minds.

Progess Bar Repository

I'm going to use the 5/17 progress everywhere, which is 29%.

minimalistic

minimalistic rounded

no background

opaque grey background

no background, visible remaining progress

white background, visible remaining progress

This is 20% of a 100% width single-cell table. So you have your progress clearly displayed. And you can just make the cell background different colours if you wanted to.

This scales to the size of the box its in, for example this next one is 85% of a table cell that is 500px

The fact they scale to the cell means that you can do a bunch if you want.

So, I might sink my own feature request here, but then it takes this off the developers' hands.

Here are some progress bars made by simply styling html div's.

Any thoughts how to make them even fancier? I'm thinking in repeating image backrounds, gradients (currently the editor removes these when saving 😞 ), and whatever else may come to your minds.

I'll keep a list of examples here in this first post.

Progess Bar Repository

I'm going to use the 5/17 progress everywhere, which is 29%.

minimalistic

minimalistic rounded

no background

opaque grey background

no background, visible remaining progress

white background, visible remaining progress

This is 20% of a 100% width single-cell table. So you have your progress clearly displayed. And you can just make the cell background different colours if you wanted to.

This scales to the size of the box its in, for example this next one is 85% of a table cell that is 500px

The fact they scale to the cell means that you can do a bunch if you want.

So, I might sink my own feature request here, but then it takes this off the developers' hands.

Here are some progress bars made by simply styling html div's.

Any thoughts how to make them even fancier? I'm thinking in repeating image backrounds, gradients (currently the editor removes these when saving 😞 ), and whatever else may come to your minds.

I'll keep a list of examples here in this first post.

Progess Bar Repository

I'm going to use the 5/17 progress everywhere. For 300 px this means 300 / 17 x 5 = 88 px for progress, 212 px remaining.

minimalistic

minimalistic rounded

no background

opaque grey background

no background, visible remaining progress

white background, visible remaining progress

This is 20% of a 100% width single-cell table. So you have your progress clearly displayed. And you can just make the cell background different colours if you wanted to.

This scales to the size of the box its in, for example this next one is 85% of a table cell that is 500px

The fact they scale to the cell means that you can do a bunch if you want.

So, I might sink my own feature request here, but then it takes this off the developers' hands.

Here are some progress bars made by simply styling html div's.

Any thoughts how to make them even fancier? I'm thinking in repeating image backrounds, gradients (currently the editor removes these when saving 😞 ), and whatever else may come to your minds.

I'll keep a list of examples here in this first post.

Progess Bar Repository

I'm going to use the 5/17 progress everywhere. For 300 px this means 300 / 17 x 5 = 88 px for progress, 212 px remaining.

minimalistic

minimalistic rounded

no background

opaque grey background

no background, visible remaining progress

white background, visible remaining progress

So, I might sink my own feature request here, but then it takes this off the developers' hands.

Here are some progress bars made by simply styling html div's.

Any thoughts how to make them even fancier? I'm thinking in repeating image backrounds, gradients (currently the editor removes these when saving 😞 ), and whatever else may come to your minds.

I'll keep a list of examples here in this first post.

Progess Bar Repository

I'm going to use the 5/17 progress everywhere. For 300 px this means 300 / 17 x 5 = 88 px for progress, 212 px remaining.

minimalistic

no background

opaque grey background

no background, visible remaining progress

white background, visible remaining progress