Range input: Add a workaround to enable track color

[louismaximepiton]

Description

Wanted to add a workaround to add some color on the track part on the range input. I would be fine if this is not planned in Bootstrap, but I couldn't spot any issue/PR about it.

Motivation & Context

Could help folks to implement this functionnality.

Type of changes

• [x] New feature (non-breaking change which adds functionality)

Checklist

• [x] I have read the contributing guidelines
• [x] My code follows the code style of the project (using npm run lint)
• [x] My change introduces changes to the documentation
• [x] I have updated the documentation accordingly
• [x] I have added tests to cover my changes
• [x] All new and existing tests passed

Live previews

• https://deploy-preview-37499--twbs-bootstrap.netlify.app/docs/5.3/forms/range#via-javascript

Related issues

NA

[louismaximepiton]

Regarding the --value, do you think it should be prefixed by bs- ? Tried some things one last commit to make --value more visible in the doc.

[mdo]

Do we still want this @julien-deramond?

[julien-deramond]

Do we still want this @julien-deramond?

Might be some things to tweak here and there in this PR but on my side I like the idea to provide a solution for folks out there totally optional that isn't embedded directly within the library.

[mdo]

Tried rebasing this and making it work again, but ran into an issue with the custom color not working. Might've been a bad rebase or merge, but want to take a crack at it @louismaximepiton? Happy to see this section added.