{"_id":"@bolttech/ob-atoms-progress-bar","_rev":"4-093f91d526e5f83dd7a9a88d78ef608a","name":"@bolttech/ob-atoms-progress-bar","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@bolttech/ob-atoms-progress-bar","version":"1.0.0","_id":"@bolttech/ob-atoms-progress-bar@1.0.0","maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"dist":{"shasum":"81891a807792bd66cc7ba950467650c3cc9b1328","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-progress-bar/-/ob-atoms-progress-bar-1.0.0.tgz","fileCount":9,"integrity":"sha512-/lzDPyD69mwiRHhAlTQfsFURR523b2CdMHNdglXF9PS+z7Fz1+f13rtVfMsjF5yjH0OIX8QfW1mosxN9ICgDQQ==","signatures":[{"sig":"MEYCIQCdHXDCr+uhBCUqNbagpAPpOm2INZ1Ij48r2lTtHK7BoAIhAKHHBfcaZFyFAmOLFZ+8q3hTMJNEkv+5rXWd6RHMn3X4","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":47441},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"b03c604f6f6869be6eb610f5e6109a979e10a5fc","_npmUser":{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},"_npmVersion":"11.10.1","description":"```bash npx nx g @nx/react:lib ${lib_name} ```","directories":{},"_nodeVersion":"22.17.1","dependencies":{"@bolttech/ui-utils":"0.6.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-atoms-progress-bar_1.0.0_1778515849090_0.5926116916583635","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@bolttech/ob-atoms-progress-bar","version":"1.0.1","_id":"@bolttech/ob-atoms-progress-bar@1.0.1","maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"dist":{"shasum":"e21d40796295b675cec73b0dcb83da6a6ab01b0b","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-progress-bar/-/ob-atoms-progress-bar-1.0.1.tgz","fileCount":5,"integrity":"sha512-zlJA38WJZ8z5eO0Wk5HaDm7by3sWutRmX876vu15iSuuucp8BQ5yh0TmgCck7iUXTbzr1hBjlztkhNYQUOZToA==","signatures":[{"sig":"MEYCIQCd+azk2uEMvD2JopNhDfEdz3DrHMhYAaBI67LhoV+ppAIhAP1poWk6BIFuGz3QT/br7Cnczpa4A65nE7HFonfgDUHU","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":42818},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"63d4cda7ee1fa45ebb523035bf6cfade7c494772","_npmUser":{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"},"_npmVersion":"10.9.4","description":"```bash npx nx g @nx/react:lib ${lib_name} ```","directories":{},"_nodeVersion":"22.22.0","dependencies":{"react":"19.1.2","classnames":"^2.5.1","@bolttech/ui-utils":"0.6.7"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-atoms-progress-bar_1.0.1_1780926943301_0.560348714584944","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@bolttech/ob-atoms-progress-bar","version":"1.0.2","_id":"@bolttech/ob-atoms-progress-bar@1.0.2","maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"dist":{"shasum":"96c79f64cef2aeecc7c2325fbcbc5c1a305eafb7","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-progress-bar/-/ob-atoms-progress-bar-1.0.2.tgz","fileCount":9,"integrity":"sha512-iFcUzIS6RdCSZTj4V8i2eeB/gVDT9ZFE+RYyQe9dXpaG6rGcAmW1TNBm8kKXyVY0QTkx+7TmK+CH2A+WTbTmsw==","signatures":[{"sig":"MEQCIF/RUMZjsZNBzVZXcyUNDtSj/9J1EIZdeovRzOBr9h6WAiBB8LymCKqQ0BV8FQ5fv/dH7k3VzB9vrFtBc6xyvjPuIQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":45880},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"c6186935ce1660b61fd752aefc2c705575a8485f","_npmUser":{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},"_npmVersion":"10.9.8","description":"```bash npx nx g @nx/react:lib ${lib_name} ```","directories":{},"_nodeVersion":"22.17.1","dependencies":{"react":"19.1.2","classnames":"^2.5.1","@bolttech/ui-utils":"0.6.7"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-atoms-progress-bar_1.0.2_1788778907759_0.6270230122730667","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@bolttech/ob-atoms-progress-bar","version":"1.0.3","dependencies":{"@bolttech/ui-utils":"0.6.7","react":"19.1.2","classnames":"^2.5.1"},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","_id":"@bolttech/ob-atoms-progress-bar@1.0.3","gitHead":"d4e363dfb3c05bb98f67e8df1bfe2b7404a7d70d","description":"To use the **ProgressBar** component in your React application, you need to follow these steps:","_nodeVersion":"22.17.1","_npmVersion":"10.9.8","dist":{"integrity":"sha512-l0invohI6Uid08GBc3xnQzuXEcRQ+J0vb11UicvLODB9NhyFXLaadHoE0AWwoaWeTJSLbb2wtXvAl/vkQPwA+g==","shasum":"53d1d8b77c67c011078aa34f4b65c3c9d030d871","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-progress-bar/-/ob-atoms-progress-bar-1.0.3.tgz","fileCount":8,"unpackedSize":48681,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDE1fgP8q4KxFGw0TckC15CJyEiHZkhEScSx69r/VlTlwIhAPfoezQ2LIHNdGBUhrjK3+moolzhuhCBZHtpz9TtcKhO"}]},"_npmUser":{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},"directories":{},"maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ob-atoms-progress-bar_1.0.3_1788796459138_0.6517770010514161"},"_hasShrinkwrap":false}},"time":{"created":"2026-05-11T16:10:49.003Z","modified":"2026-09-07T15:54:19.437Z","1.0.0":"2026-05-11T16:10:49.250Z","1.0.1":"2026-06-08T13:55:43.432Z","1.0.2":"2026-09-07T11:01:47.904Z","1.0.3":"2026-09-07T15:54:19.260Z"},"description":"To use the **ProgressBar** component in your React application, you need to follow these steps:","maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"readme":"## Installation\n\nTo use the **ProgressBar** component in your React application, you need to follow these steps:\n\n### Using npm\n\n```bash\nnpm install @bolttech/atoms-progress-bar\n```\n\n### Using Yarn\n\n```bash\nyarn add @bolttech/atoms-progress-bar\n```\n\nOnce you have the required dependencies installed, you can start using the `ProgressBar` component in your React application.\n\n## Usage\n\nThe **ProgressBar** component is used to display a visual progress bar along with a label and a percentage indicator. It can be customized by providing the `label` and `percentage` props.\n\nTo use the component, import it and include it in your JSX:\n\n```jsx\nimport React from 'react';\nimport { ProgressBar } from '@bolttech/atoms-progress-bar';\nimport { bolttechTheme, BolttechThemeProvider } from '@bolttech/frontend-foundations';\n\nfunction App() {\n  return (\n    <ProgressBar label=\"Upload Progress\" percentage={75} variant=\"default\" size=\"small\" showPercentage={true} textPosition=\"top\" />\n  );\n}\n\nexport default App;\n```\n\n## Props\n\nThe **ProgressBar** component accepts the following props:\n\n| Prop             | Type    | Description                                                                |\n| ---------------- | ------- | -------------------------------------------------------------------------- |\n| `dataTestId`     | string  | The data-testid attribute for testing purposes.                            |\n| `label`          | string  | The label to be displayed above the progress bar.                          |\n| `percentage`     | number  | The percentage value representing the progress to display.                 |\n| `size`           | string  | Prop that defines the height of the progress bar.                          |\n| `variant`        | string  | Variant of the progress bar, mainly used to replicate a password checker.  |\n| `textPosition`   | string  | Defines if the label should be displayed on top or above the progress bar. |\n| `showPercentage` | boolean | Defines if the total percentage should be displayed.                       |\n\n## Example\n\nHere's an example of using the **ProgressBar** component:\n\n```jsx\n<ProgressBar label=\"Loading\" percentage={50} variant=\"default\" size=\"small\" showPercentage={true} textPosition=\"top\" />\n```\n\nThis will render a **ProgressBar** component with the label \"Loading\" and a progress bar filled to 50%.\n\n## Contributing\n\nContributions to the **ProgressBar** component are welcome. If you find any issues or have suggestions for improvements, please feel free to open an issue or submit a pull request on the project's GitHub repository.\n","readmeFilename":"README.md"}