MARKETPLACE
PLUGINS
SIMPLE PROGRESS BAR
Simple progress bar logo

Simple progress bar

Published April 2020
   •    Updated today

Plugin details

This element is a simple progress bar that shows the progress of the task. This element uses Bootstrap5.

タスクの進捗率を表示するシンプルなプログレスバーです。
Bootstrap5 を使用しています。

Free

For everyone

3.4 stars   •   4 ratings
28.4K installs
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

NoCodeLab logo
NoCodeLab
Joined 2019   •   20 Plugins
View contributor profile

Instructions

- Once installed, you only need to set a percentage value to use it. - Change the color of the progress bar and add animations.
- You can hide percent characters.
- If the progress bar and the font color are exactly the same, the font color is automatically inverted.
- If the progress is 0%, the bar color is not displayed either.
- You can now display counts such as 8 out of 12 instead of displaying percentages. For example, you can replace it with "completed" when it reaches 100%.
- The background color of the bar can now be changed.


- インストールしたら、パーセンテージの値を設定するだけで使用できます。
- 進捗バーの色を変更したり、アニメーションを追加できます。
- パーセントの文字を非表示にできます。
- 進捗バーとフォントの色が全く同じ場合は、自動でフォントカラーが反転します。
- 進捗が0%の場合は、バーの色も表示されません。
- パーセンテージを表示せず、代わりに12のうち8などのカウントを表示することができるようになりました。例えば、100%に達した時に「completed」などに置き換えることができます。
- バーの背景色が変更できるようになりました。

Types

This plugin can be found under the following types:
Background Services   •   Element   •   Event

Categories

This plugin can be found under the following categories:
Technical   •   Analytics   •   Data (things)   •   Customer Support   •   Small Business   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (3.4)

EDHNEUD
June 19th, 2023
FRFRF
Error when page starts
January 4th, 2023
The plugin Simple progress bar / element Simple progress bar threw the following error: Error: Recursion when evaluating property AAM on element "Simpleprogressbar C"
In Bubble, this type of error occurs when trying to set something to oneself in a Conditional. For example, when trying to change the unclickable setting and the text's value by using a button's Conditional. In such cases, the issue may be resolved by referring to the source value in the Conditional's "when" rather than getting the value from oneself (in this case, Simpleprogressbar C). I hope you can give it a try.
April 3rd, 2023
  •  
NoCodeLab
Slick looking but problems on refresh
March 30th, 2021
This progress bar goes to 100% at each refresh of percentage
Thanks for your review. However we've not been able to see the case as you experienced. Would you mind sharing your experience a bit more specifically with us? Thanks.
March 31st, 2021
  •  
NoCodeLab
sure, it me at [email protected]
April 4th, 2021
  •  
Original reviewer
Here we are happy to share the updated "Simple progress bar" with you. The latest version shows the animation when occurring any fluctuation on the value regardless of on/off of "animate progress". Would you mind using the option of "animate progress" only when you want to emphasize the animation? Should you need any further information, please do not hesitate to contact us. Many thanks for sharing this issue with us! NoCode Lab
April 13th, 2021
  •  
NoCodeLab
Progress bar going backwards
December 12th, 2020
Upgraded to latest version and now the progress bar runs backwards (right to left).
We apologize for any inconvenience. Fixed a bug. Please try v1.5.3.
January 4th, 2021
  •  
NoCodeLab
Bubble