# Add \ support **URL:** https://meta.discourse.org/t/add-progress-support/29177 **Category:** Feature **Created:** [May 23, 2015, 10:13pm UTC](https://meta.discourse.org/t/add-progress-support/29177 "2015-05-23T22:13:27Z") **Posts on this page:** 17 **Page:** 1
### Author: ![KazWolfe](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kazwolfe/32/64441_2.png) [@KazWolfe](https://meta.discourse.org/u/KazWolfe) #### Post date: [May 23, 2015, 10:13pm UTC](https://meta.discourse.org/t/add-progress-support/29177/1 "2015-05-23T22:13:28Z")
I would like to propose the adding of the `` tag to Discourse. It can be very useful, and can be used wherever a visual representation of a statistic is worthwhile. For example, “1/30 users registered” or “$50 raised of our $500 goal” would be much better represented as a progress element than text. Additionally, progress bars should be CSS-customizable. ---
### Author: ![nahtnam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nahtnam/32/122073_2.png) [@nahtnam](https://meta.discourse.org/u/nahtnam) #### Post date: [May 25, 2015, 2:19am UTC](https://meta.discourse.org/t/add-progress-support/29177/2 "2015-05-25T02:19:20Z")
This would fit well into a plugin like the spoiler one. ---
### Author: ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague) #### Post date: [May 25, 2015, 4:01am UTC](https://meta.discourse.org/t/add-progress-support/29177/3 "2015-05-25T04:01:26Z")
Exactly. I see no reason for this to be in Core when it is probably one of the easiest Plugins there could be. eg, **plugin.rb** ```plaintext # name: progress # version: 0.1 register_asset "javascripts/progress.js.es6", :server_side ``` **progress.js.es6** ```plaintext Discourse.Markdown.whiteListTag("progress", "class", /d-prog/); Discourse.Markdown.whiteListTag("progress", "max", /[0-9\.]+/); Discourse.Markdown.whiteListTag("progress", "value", /[0-9\.]+/); ``` ![](https://global.discourse-cdn.com/meta/original/3X/f/f/ff32ecb7b42505a4afeacb7b12059ff962ce2558.png) ---
### Author: ![KazWolfe](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kazwolfe/32/64441_2.png) [@KazWolfe](https://meta.discourse.org/u/KazWolfe) #### Post date: [May 25, 2015, 5:10am UTC](https://meta.discourse.org/t/add-progress-support/29177/4 "2015-05-25T05:10:10Z")
I think I screwed up something. It’s still refusing to work. Can someone give me feedback? [https://github.com/pacificfils/discourse-progressbar](https://github.com/pacificfils/discourse-progressbar) ---
### Author: ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague) #### Post date: [May 25, 2015, 2:13pm UTC](https://meta.discourse.org/t/add-progress-support/29177/5 "2015-05-25T14:13:20Z")
I drop mine into the localhost folder instead of doing Git, so I don’t know if this is correct ```plaintext - exec: cd: $home/plugins cmd: - mkdir -p plugins - git clone https://github.com/discourse/docker_manager.git - git clone https://github.com/pacificfils/discourse-progressbar.git ``` What did you try in the post? I also tried `30%` and it worked for me. Maybe a browser support issue? > **[HTML progress indicator element - HTML | MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/progress)** > > The HTML element displays an indicator showing the completion progress of a task, typically displayed as a progress bar. ``` Chrome Firefox (Gecko) IE Opera Safari 6.0 6.0 (6.0)[1][2] 10 11.0 5.2 ``` . ``` Android Firefox M (Gecko) IE M Opera M Safari M Yes 6.0 (6.0)[1][2] Not supported 11.0 7[3] ``` ---
### Author: ![KazWolfe](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kazwolfe/32/64441_2.png) [@KazWolfe](https://meta.discourse.org/u/KazWolfe) #### Post date: [May 25, 2015, 5:42pm UTC](https://meta.discourse.org/t/add-progress-support/29177/6 "2015-05-25T17:42:04Z")
I tried: ``` ``` and got a blank post in return, suggesting that there’s something wrong with the plugin. It does load, though. It can’t be browser incompatibility, I’m running Chrome, and I see it everywhere else. ---
### Author: ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague) #### Post date: [May 25, 2015, 5:44pm UTC](https://meta.discourse.org/t/add-progress-support/29177/7 "2015-05-25T17:44:17Z")
AFAIK the progress tag requires something between the opening and closing tags. (though it might only be a fallback for browser’s that don’t support the tag) and it isn’t “min” it’s “value” \* you’re thinking of the meter tag? > **[HTML meter element - HTML | MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/meter)** > > The HTML element represents either a scalar value within a known range or a fractional value. ---
### Author: ![KazWolfe](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kazwolfe/32/64441_2.png) [@KazWolfe](https://meta.discourse.org/u/KazWolfe) #### Post date: [May 25, 2015, 5:52pm UTC](https://meta.discourse.org/t/add-progress-support/29177/8 "2015-05-25T17:52:56Z")
Sorry, that was a typo on my part. Still doesn’t work with something in between the tags. I’m suspecting the plugin. It doesn’t show up on the Admin Panel list either… ---
### Author: ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague) #### Post date: [May 25, 2015, 6:17pm UTC](https://meta.discourse.org/t/add-progress-support/29177/9 "2015-05-25T18:17:27Z")
If it isn’t showing at all in the Admin → plugins page it may not have installed OK ![](https://global.discourse-cdn.com/meta/original/3X/2/e/2e380ecc3a520427de895d54ad588e63d4e6c9b8.png) \* to get a link there you need to put `# url: http://somedomain.com/path` in plugin.rb The progress tag does not show in the preview ![](https://global.discourse-cdn.com/meta/original/3X/5/e/5eca0cfb5a15d265df2533346df7a259e38c1d3c.png) And it doesn’t show in the post right away until after it’s “cooked” ![](https://global.discourse-cdn.com/meta/original/3X/a/3/a3db35e62485a7a750b56c7e1bec0fa3a4d4d2d3.png) \* notice I was wrong and that nothing is required between the tags ---
### Author: ![KazWolfe](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kazwolfe/32/64441_2.png) [@KazWolfe](https://meta.discourse.org/u/KazWolfe) #### Post date: [May 25, 2015, 6:23pm UTC](https://meta.discourse.org/t/add-progress-support/29177/10 "2015-05-25T18:23:49Z")
![](https://global.discourse-cdn.com/meta/original/3X/4/6/468bc932ee2b4d9eab2a12b608dbb48d1804f2b9.png) Alright! The plugin didn’t load correctly because the code wasn’t wrapped in a function. Once I fixed that, it worked great. Thanks! * * * **ProgressBar Plugin:** [https://github.com/pacificfils/discourse-progressbar.git](https://github.com/pacificfils/discourse-progressbar.git) [(src)](https://github.com/pacificfils/discourse-progressbar) ---
### Author: ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague) #### Post date: [May 25, 2015, 6:46pm UTC](https://meta.discourse.org/t/add-progress-support/29177/11 "2015-05-25T18:46:45Z")
Ah, yes. If the file has a “.js” extension it needs that. When it has an “.es6” extension it runs “auto-magically” and doesn’t need to be. ---
### Author: ![SidV](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sidv/32/119460_2.png) [@SidV](https://meta.discourse.org/u/SidV) #### Post date: [June 22, 2016, 1:15pm UTC](https://meta.discourse.org/t/add-progress-support/29177/12 "2016-06-22T13:15:19Z")
The repository from github is gone. 😢 Update: found this: [https://github.com/SGColdSun/discourse-progressbar](https://github.com/SGColdSun/discourse-progressbar) ---
### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax) #### Post date: [July 7, 2016, 1:55pm UTC](https://meta.discourse.org/t/add-progress-support/29177/13 "2016-07-07T13:55:25Z")
@SidV have you installed it? Is it still working? ---
### Author: ![SidV](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sidv/32/119460_2.png) [@SidV](https://meta.discourse.org/u/SidV) #### Post date: [July 7, 2016, 2:23pm UTC](https://meta.discourse.org/t/add-progress-support/29177/14 "2016-07-07T14:23:43Z")
> [@Trash](#): > > Is it still working? If you find the `discourse-progressbar.git` tell me 😉 Maybe @Mittineague knows something about this 👍 ---
### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax) #### Post date: [November 1, 2016, 10:10am UTC](https://meta.discourse.org/t/add-progress-support/29177/15 "2016-11-01T10:10:34Z")
@Mittineague, any chance you fix this plugin? ---
### Author: ![SidV](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sidv/32/119460_2.png) [@SidV](https://meta.discourse.org/u/SidV) #### Post date: [April 19, 2017, 12:35pm UTC](https://meta.discourse.org/t/add-progress-support/29177/16 "2017-04-19T12:35:58Z")
I found new `progress.js` > **Material Progress** —Google Material Design Progress linear bar. By using CSS3 and vanilla JavaScript. > > Demo > ![](https://global.discourse-cdn.com/meta/original/3X/b/7/b7c114bee8957f1a11bf4e05be8915ac9e294c5d.gif) Check this out: > **[Mprogress.js](http://lightningtgc.github.io/MProgress.js/)** ---
### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi) #### Post date: [December 4, 2025, 11:35am UTC](https://meta.discourse.org/t/add-progress-support/29177/17 "2025-12-04T11:35:57Z")